微信小程式實現驗證碼擷取倒計時效果，小程式驗證碼

小程式實現驗證碼擷取倒計時效果，小程式驗證碼

本文執行個體為大家分享了小程式實現擷取驗證碼倒計時效果的具體代碼，供大家參考，具體內容如下

wxml

<button disabled='{{disabled}}' data-id="2" bindtap="getVerificationCode">{{time}}</button>

js

var interval = null //倒計時函數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: '重新發送',   currentTime:61,   disabled: false   })  } }, 100)  }, getVerificationCode(){ this.getCode(); var that = this that.setData({  disabled:true }) },})

以上就是本文的全部內容，希望對大家的學習有所協助，也希望大家多多支援幫客之家。