快捷導(dǎo)航

微信小程序?qū)崿F(xiàn)驗(yàn)證碼獲取倒計(jì)時(shí)效果

更新時(shí)間：2018年02月08日 13:54:07 作者：吳姝璇

這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)驗(yàn)證碼獲取倒計(jì)時(shí)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了微信小程序?qū)崿F(xiàn)獲取驗(yàn)證碼倒計(jì)時(shí)效果的具體代碼，供大家參考，具體內(nèi)容如下

wxml

<button disabled='{{disabled}}' data-id="2" bindtap="getVerificationCode">
{{time}}
</button>

js

var interval = null //倒計(jì)時(shí)函數(shù)
Page({
 data: {
 date:'請(qǐng)選擇日期',
 fun_id:2,
 time: '獲取驗(yàn)證碼', //倒計(jì)時(shí) 
 currentTime:61
 }, 
 getCode: function (options){
 var that = this;
 var currentTime = that.data.currentTime
 interval = setInterval(function () {
 currentTime--;
 that.setData({
 time: currentTime+'秒'
 })
 if (currentTime <= 0) {
 clearInterval(interval)
 that.setData({
  time: '重新發(fā)送',
  currentTime:61,
  disabled: false 
 })
 }
 }, 100) 
 },
 getVerificationCode(){
 this.getCode();
 var that = this
 that.setData({
 disabled:true
 })
 },

})

更多關(guān)于倒計(jì)時(shí)的文章請(qǐng)查看專題：《倒計(jì)時(shí)功能》

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JavaScript字符串的json的自定義加密解密函數(shù)示例
JavaScript自定義函數(shù)中使用String.fromCharCode函數(shù)將輸入字符串中每個(gè)字符的Unicode編碼加1,然后將加密后的字符拼接成一個(gè)新字符串返回,調(diào)用JSON.stringify函數(shù)轉(zhuǎn)換json成一個(gè)普通字符串
2023-12-12
深入解析js輪播插件核心代碼的實(shí)現(xiàn)過程
這篇文章主要深度揭密了js輪播插件核心代碼的實(shí)現(xiàn)過程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04
使用canvas繪圖音樂頻譜示例及技術(shù)分析
這篇文章主要為大家介紹了使用canvas實(shí)現(xiàn)音樂頻譜示例及技術(shù)分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-12-12
使用純javascript實(shí)現(xiàn)經(jīng)典掃雷游戲
本文給大家分享的是個(gè)人剛開始學(xué)習(xí)javascript的時(shí)候?qū)懙姆聎indows經(jīng)典的掃雷游戲的代碼，當(dāng)時(shí)只是寫了下來，沒加注釋，這里補(bǔ)上，有需要的小伙伴可以參考下。
2015-04-04
KnockoutJS 3.X API 第四章之?dāng)?shù)據(jù)控制流foreach綁定
這篇文章主要介紹了KnockoutJS 3.X API 第四章之?dāng)?shù)據(jù)控制流foreach綁定的相關(guān)資料,需要的朋友可以參考下
2016-10-10
JavaScript進(jìn)階（一）變量聲明提升實(shí)例分析
這篇文章主要介紹了JavaScript變量聲明提升,結(jié)合實(shí)例形式分析了JavaScript變量聲明提升相關(guān)原理、用法與操作注意事項(xiàng),需要的朋友可以參考下
2020-05-05
EL表達(dá)式截取字符串的函數(shù)說明
這篇文章主要介紹了EL表達(dá)式截取字符串的函數(shù)說明，在文章下面給大家介紹了JSTL中自帶的方法列表以及其描述，需要的朋友參考下吧
2017-09-09
使用原生js實(shí)現(xiàn)頁(yè)面蒙灰(mask)效果示例代碼
像js的框架Extjs的mask()和unmask()功能提供了蒙灰效果，當(dāng)然jquery也提供了這種蒙灰方法，下面有個(gè)示例，大家可以參考下
2014-06-06
JS實(shí)現(xiàn)倒序輸出的幾種常用方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)倒序輸出的幾種常用方法,結(jié)合實(shí)例形式分析了JavaScript字符串與數(shù)組的轉(zhuǎn)換、變量、分割、反轉(zhuǎn)等相關(guān)操作技巧,需要的朋友可以參考下
2019-04-04
js 顯示日期時(shí)間的實(shí)例(時(shí)間過一秒加1)
下面小編就為大家?guī)硪黄猨s 顯示日期時(shí)間的實(shí)例(時(shí)間過一秒加1)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-10-10