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

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

小程序實現獲取驗證碼倒計時效果的具體代碼：

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: '重新發(fā)送',
   currentTime:61,
   disabled: false 
  })
  }
 }, 100) 
 },
 getVerificationCode(){
 this.getCode();
 var that = this
 that.setData({
  disabled:true
 })
 },

})

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

文章題目：微信小程序怎么實現驗證碼獲取倒計時的效果-創(chuàng)新互聯
URL網址：http://jinyejixie.com/article24/coiije.html

成都網站建設公司_創(chuàng)新互聯，為您提供搜索引擎優(yōu)化、移動網站建設、網頁設計公司、網站制作、定制開發(fā)、定制網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯