微信小程序验证码获取倒计时效果代码分享
本文主要和大家详细介绍微信小程序实现验证码获取倒计时效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。
wxml<button disabled='{{disabled}}' data-id="2" bindtap="getVerificationCode">{{time}}</button>jsvar 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 }) },})相关推荐:
canvas绚丽倒计时实现代码分享
限时抢购倒计时功能实现方法
jquery倒计时小应用实现代码
以上就是微信小程序验证码获取倒计时效果代码分享的详细内容,更多请关注小潘博客其它相关文章!