### [小程序：实现点击倒计时的代码](https://www.prosaas.cn/article/17162)

**Published:** 2018-08-10T07:44:02

**Author:** 5201314

**Excerpt:** 本篇文章给大家带来的内容是关于小程序：实现点击倒计时的代码，有一定的参考价值，有需要的朋友可以参考一下，希望对…

本篇文章给大家带来的内容是关于小程序：实现点击倒计时的代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

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
    })
  },

})

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

相关推荐：

小程序组件：聊天会话组件的介绍（附代码）

小程序与后台进行交互的实现（附代码）

以上就是小程序：实现点击倒计时的代码的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** 后端开发

---