我是靠谱客的博主 想人陪煎蛋,最近开发中收集的这篇文章主要介绍小程序:实现点击倒计时的代码,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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

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>
登录后复制

相关推荐:

小程序组件:聊天会话组件的介绍(附代码)

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

以上就是小程序:实现点击倒计时的代码的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是想人陪煎蛋为你收集整理的小程序:实现点击倒计时的代码的全部内容,希望文章能够帮你解决小程序:实现点击倒计时的代码所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(101)

评论列表共有 0 条评论

立即
投稿
返回
顶部