小編給大家分享一下微信小程序怎么實現(xiàn)驗證碼獲取倒計時的效果，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

為高昌等地區(qū)用戶提供了全套網(wǎng)頁設計制作服務，及高昌網(wǎng)站建設行業(yè)解決方案。主營業(yè)務為做網(wǎng)站、成都做網(wǎng)站、高昌網(wǎng)站設計，以傳統(tǒng)方式定制建設網(wǎng)站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

小程序?qū)崿F(xiàn)獲取驗證碼倒計時效果的具體代碼：

wxml

{{time}}

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
 })
 },

})

以上是“微信小程序怎么實現(xiàn)驗證碼獲取倒計時的效果”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

名稱欄目：微信小程序怎么實現(xiàn)驗證碼獲取倒計時的效果-創(chuàng)新互聯(lián)
本文地址：http://weahome.cn/article/coiije.html