微信小程序實現(xiàn)驗證碼獲取倒計時效果
更新時間：2018年02月08日 13:54:07 作者：吳姝璇
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)驗證碼獲取倒計時效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了微信小程序實現(xiàn)獲取驗證碼倒計時效果的具體代碼，供大家參考，具體內容如下
wxml
<button disabled='{{disabled}}' data-id="2" bindtap="getVerificationCode">
{{time}}
</button>
js
var interval = null //倒計時函數(shù)
Page({
data: {
date:'請選擇日期',
fun_id:2,
time: '獲取驗證碼', //倒計時
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
})
},
})
更多關于倒計時的文章請查看專題：《倒計時功能》
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
JavaScript字符串的json的自定義加密解密函數(shù)示例
JavaScript自定義函數(shù)中使用String.fromCharCode函數(shù)將輸入字符串中每個字符的Unicode編碼加1,然后將加密后的字符拼接成一個新字符串返回,調用JSON.stringify函數(shù)轉換json成一個普通字符串2023-12-12
這篇文章主要深度揭密了js輪播插件核心代碼的實現(xiàn)過程，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要為大家介紹了使用canvas實現(xiàn)音樂頻譜示例及技術分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-12-12
本文給大家分享的是個人剛開始學習javascript的時候寫的仿windows經典的掃雷游戲的代碼，當時只是寫了下來，沒加注釋，這里補上，有需要的小伙伴可以參考下。2015-04-04
KnockoutJS 3.X API 第四章之數(shù)據(jù)控制流foreach綁定
這篇文章主要介紹了KnockoutJS 3.X API 第四章之數(shù)據(jù)控制流foreach綁定的相關資料,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了JavaScript變量聲明提升,結合實例形式分析了JavaScript變量聲明提升相關原理、用法與操作注意事項,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了EL表達式截取字符串的函數(shù)說明，在文章下面給大家介紹了JSTL中自帶的方法列表以及其描述，需要的朋友參考下吧2017-09-09
使用原生js實現(xiàn)頁面蒙灰(mask)效果示例代碼
像js的框架Extjs的mask()和unmask()功能提供了蒙灰效果，當然jquery也提供了這種蒙灰方法，下面有個示例，大家可以參考下2014-06-06
這篇文章主要介紹了JS實現(xiàn)倒序輸出的幾種常用方法,結合實例形式分析了JavaScript字符串與數(shù)組的轉換、變量、分割、反轉等相關操作技巧,需要的朋友可以參考下2019-04-04
下面小編就為大家?guī)硪黄猨s 顯示日期時間的實例(時間過一秒加1)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10