微信小程序 —— 验证码获取倒计时效果
2017-11-15 11:34
676 查看
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 }) }, })
相关文章推荐
- 微信小程序实现验证码获取倒计时效果
- 微信小程序开发--倒计时60s获取验证码
- 微信小程序开发--倒计时60s获取验证码
- 微信小程序开发(3)--倒计时60获取验证码
- 微信小程序获取验证码倒计时时间
- 微信小程序实现倒计时60s获取验证码
- JS/jQ实现免费获取手机验证码倒计时效果
- android最新实现获取验证码倒计时60s效果方法实践
- 安卓发送验证码倒计时效果和自动获取验证码并填充到输入框
- 从获取QQ验证码谈如何改进用户体验,提高程序的响应效果
- Android获取验证码后倒计时程序
- iOS 使用NSTimer写出Button获取验证码倒计时的效果
- iOS获取验证码倒计时效果
- 微信小程序项目实践之验证码倒计时功能
- vue.js单击按钮获取手机验证码,倒计时禁用按钮功能效果
- js/jq实现获取手机验证码倒计时效果
- jquery实现获取手机验证码倒计时效果
- js实现点击获取验证码倒计时效果
- iOS实现手机获取验证码倒计时效果
- Android账号注册实现点击获取验证码倒计时效果