微信小程序?qū)崿F(xiàn)驗證碼獲取倒計時效果
更新時間：2018年02月08日 13:54:07 作者：吳姝璇
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)驗證碼獲取倒計時效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了微信小程序?qū)崿F(xiàn)獲取驗證碼倒計時效果的具體代碼，供大家參考，具體內(nèi)容如下
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
})
},
})
更多關(guān)于倒計時的文章請查看專題：《倒計時功能》
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
怎樣用Javascript實現(xiàn)函數(shù)柯里化與反柯里化
這篇文章主要介紹了怎樣用Javascript實現(xiàn)函數(shù)柯里化與反柯里化，想了解函數(shù)柯里化的同學，可以參考下2021-04-04
這篇文章主要為大家詳細介紹了jquery實現(xiàn)右側(cè)欄菜單選擇操作，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了JavaScript?日期和時間的格式化,JavaScript?中的?Date?對象提供了許多方法和屬性，可以用于處理日期和時間，根據(jù)具體情況選擇適合的方法和技巧，需要的朋友可以參考下2023-02-02
quickjs調(diào)用lvgl函數(shù)的示例代碼
這篇文章主要介紹了quickjs調(diào)用lvgl函數(shù),實現(xiàn)本次使用quickjs的最主要目的，就是通過程序動態(tài)加載js，然后調(diào)用lvgl函數(shù)庫，實現(xiàn)渲染，需要的朋友可以參考下2023-11-11
這篇文章主要介紹了詳解ES6實現(xiàn)類的私有變量的幾種寫法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-02-02
今天小編就為大家分享一篇layui 實現(xiàn)表格某一列顯示圖標的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
淺談TypeScript 用 Webpack/ts-node 運行的配置記錄
這篇文章主要介紹了淺談TypeScript 用 Webpack/ts-node 運行的配置記錄，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
下面小編就為大家?guī)硪黄仙Ｕ刯acascript DOM節(jié)點獲取。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
基于js原生和ajax的get和post方法以及jsonp的原生寫法實例
下面小編就為大家?guī)硪黄趈s原生和ajax的get和post方法以及jsonp的原生寫法實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
原始值代表原始數(shù)據(jù)類型的值,也叫基本數(shù)據(jù)類型,包括 Number、Stirng、Boolean、Null、Underfined,下面這篇文章主要給大家介紹了關(guān)于JavaScript中原始值和引用值深入講解的相關(guān)資料,需要的朋友可以參考下2022-10-10