?

實現效果圖

?

使用方法: setInterval?

demo:(如果對 setInterval不了解的可以先百度下)

xml 中寫一個按鈕:

<view class="container"><view class='countDown'><button style='color:red' disabled='{{isOk}}' bindtap='click'>{{countDownTime}}</button></view></view>

js中

   data: {countDownTime:"獲取驗證碼",isOk: false,},click:function(){this.getCode();},getCode:function(){var that = thisvar time = 60var isOk = that.data.isOkvar timer = setInterval(function () {time--;if (time <= 0) {clearInterval(timer);that.setData({countDownTime: "重新發送",isOk: false,})} else {that.setData({countDownTime: time + "s",isOk: true})}}, 1000)},

?

demo地址參考

?

?

?

總結

以上是生活随笔為你收集整理的微信小程序获取验证码倒计时的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。