欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

微信小程序倒計時功能 - 新聞資訊 - 云南小程序開發(fā)|云南軟件開發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開發(fā)/軟件開發(fā)

知識

不管是網(wǎng)站，軟件還是小程序，都要直接或間接能為您產(chǎn)生價值，我們在追求其視覺表現(xiàn)的同時，更側(cè)重于功能的便捷，營銷的便利，運營的高效，讓網(wǎng)站成為營銷工具，讓軟件能切實提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持！

您當(dāng)前位置>首頁 » 新聞資訊 » 小程序相關(guān) >

微信小程序倒計時功能

發(fā)表時間：2022-9-6

發(fā)布人：葵宇科技

瀏覽次數(shù)：439

倒計時功能是一個比較常見的功能，比如用戶獲取驗證碼就需要用到。這里記錄一下在微信小程序里面倒計時功能的簡單實現(xiàn)
直接看看代碼吧
  1. //倒計時60秒
  2. function countDown(that,count) {
  3.   if (count == 0) {
  4.     that.setData({
  5.       timeCountDownTop: '獲取驗證碼',
  6.       counting:false
  7.     })
  8.     return;
  9.   }
  11.   that.setData({
  12.     counting:true,
  13.     timeCountDownTop: count + '秒后重新獲取',
  14.   })
  16.   setTimeout(function(){
  17.     count--;
  18.     countDown(that, count);
  19.   }, 1000);
  20. }
在需要倒計時的地方調(diào)用
  1. Page({
  2.     data:{
  3.         counting:false
  4.     },
  6.     //生成驗證碼
  7.     generateVerifyCode:function() {
  8.         var that = this;
  9.         if (!that.data.counting) {
  10.           wx.showToast({
  11.             title: '驗證碼已發(fā)送',
  12.           })
  14.           //開始倒計時60秒
  15.           countDown(that, 60);
  16.         } 
  17.     },
  18. })
下面簡單介紹下功能的實現(xiàn)
首先倒計時的方法是寫在Page的外面，這個別搞錯了 
實現(xiàn)倒計時關(guān)鍵的地方在于setTimeout方法，也即下面這段代碼。setTimeout方法可以設(shè)置在指定的時間間隔執(zhí)行某個函數(shù)。應(yīng)用的格式是setTimeout(function(),time),function就是對應(yīng)要執(zhí)行的方法，time就是時間間隔，這里的1000表示1000毫秒，也就是間隔1秒執(zhí)行一次countDown方法。
  1. setTimeout(function(){
  2.     count--;
  3.     countDown(that, count);
  4.   }, 1000);
countDown方法中利用count字段來設(shè)置倒計時的時間，比如這里是60秒 
countDown方法中把that也傳遞進(jìn)去是為了在倒計時狀態(tài)改變時利用setData方法更新頁面 
countDown方法中利用counting字段來判斷是否已經(jīng)在倒計時了，避免重復(fù)開始倒計時
倒計時結(jié)束是通過count來判斷，通過return直接退出 
以上就是微信小程序里面倒計時功能的簡單實現(xiàn)啦，希望對大家有用！

相關(guān)案例查看更多