溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
倒計時功能是一個比較常見的功能，比如用戶獲取驗證碼就需要用到。這里記錄一下在微信小程序里面倒計時功能的簡單實現。
直接看看代碼吧
//倒計時60秒
function countDown(that,count) {
if (count == 0) {
that.setData({
timeCountDownTop: '獲取驗證碼',
counting:false
})
return;
}
that.setData({
counting:true,
timeCountDownTop: count + '秒后重新獲取',
})
setTimeout(function(){
count--;
countDown(that, count);
}, 1000);
}
在需要倒計時的地方調用
Page({
data:{
counting:false
},
//生成驗證碼
generateVerifyCode:function() {
var that = this;
if (!that.data.counting) {
wx.showToast({
title: '驗證碼已發送',
})
//開始倒計時60秒
countDown(that, 60);
}
},
})
下面簡單介紹下功能的實現
首先倒計時的方法是寫在Page的外面，這個別搞錯了
實現倒計時關鍵的地方在于setTimeout方法，也即下面這段代碼。setTimeout方法可以設置在指定的時間間隔執行某個函數。應用的格式是setTimeout(function(),time),function就是對應要執行的方法，time就是時間間隔，這里的1000表示1000毫秒，也就是間隔1秒執行一次countDown方法。
setTimeout(function(){
count--;
countDown(that, count);
}, 1000);
倒計時結束是通過count來判斷，通過return直接退出
總結
以上所述是小編給大家介紹的微信小程序倒計時功能實現代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
