重庆小潘seo博客

当前位置:首页 > 重庆网络营销 > 小潘杂谈 >

小潘杂谈

微信小程序实现验证码获取倒计时的效果

时间:2020-09-14 05:30:07 作者:重庆seo小潘 来源:
这篇文章主要为大家详细介绍了微信小程序实现验证码获取倒计时效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 本文实例为大家分享了微信小程序实现获取验证码倒计时效果的具体代码,供大家参考,具体内容如下 wxml button disabled={{disabled}} d

这篇文章主要为大家详细介绍了微信小程序实现验证码获取倒计时效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了微信小程序实现获取验证码倒计时效果的具体代码,供大家参考,具体内容如下

微信小程序实现验证码获取倒计时的效果

wxml

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

js

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

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

微信小程序实现倒计时调用相机自动拍照功能

关于微信小程序的选择器(时间,日期,地区)的解析

微信小程序动态显示项目倒计时的效果

以上就是微信小程序实现验证码获取倒计时的效果的详细内容,更多请关注小潘博客其它相关文章!