微信小程序倒计时60S

<button class="code-b {{disabled?'code-h':''}}" disabled='{{disabled}}' data-id="2" bindtap="getVerificationCode">{{time}}</button>
var interval = null //倒计时函数
Page({
  data: {
    time: '获取验证码', //倒计时 
    currentTime: 60
  },
})
getCode: function (options) {
    let that = this;
    let currentTime = that.data.currentTime
    console.log(1)
    interval = setInterval(function () {
      currentTime--;
      that.setData({
        time: `重新获取(${currentTime}s)`
      })
      if (currentTime <= 0) {
        clearInterval(interval)
        that.setData({
          time: '重新获取',
          currentTime: 60,
          disabled: false
        })
      }
    }, 1000)
  },
  getVerificationCode() {
    this.getCode();
    let that = this
    that.setData({
      disabled: true
    })
  },

猜你喜欢

转载自www.cnblogs.com/baifubin/p/9290862.html