小程序按钮倒计时结束时出现问题,非常困惑
写了一个button,倒计时10s。奇怪的是倒计时结束时,disable属性都被修改了,但文本却没有被修改成“发送验证码”,这是为什么?
最开始这样
然后按了之后这样(此时disable=true)
倒计时结束变成了这样(disable=false文本却没有变)
wxml代码
timeisout就是存储的文本,理论上应该“发送验证码”=>“正在发送”=>“发送验证码”
<button class="sentbtn" bindtap="sendmsg" disabled="{{disable}}">{{timeisout}}</button>
js代码
有注释??的那一行没有修改timeisout。
sendmsg: function() {
var toggle = 1;
if (toggle === 1) {
toggle = 0;
var timer = this;
timer.setData({
disable: true
});
var time = 10;
var controller = setInterval(function(e) {
if (time <= 0) {
toggle = 1;
timer.setData({
timeisout: '发送验证码',//???????
disable: false,
})
clearInterval(controller);
}
timer.setData({
timeisout: '正在发送('+time+'s)',
})
time--;
}, 1000);
}
},
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
yzm_count: function(e) {
},
我自己小程序是这样写验证码倒计时的 ,希望对你有帮助