首页 > 微信 > 详细

微信小程序倒计时60S

时间:2018-07-10 19:06:36      阅读:247      评论:0      收藏:0      [点我收藏+]
<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
    })
  },

 

微信小程序倒计时60S

原文:https://www.cnblogs.com/baifubin/p/9290862.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!