Page({
data: {
//点击前的文本内容
text: '发送验证码',
//控制按钮能否点击
disabled: false,
//倒计时时间
time: 60,
//定时器
timer: ''
},
//点击方法
send: function() {
//将按钮设置为禁用
this.setData({
disabled: true
})
//给定时器赋值
this.data.timer = setInterval(() => {
this.timer()
}, 1000)
//弹出提示框
wx.showToast({
title: '发送成功',
duration: 2000
})
},
//定时器
timer() {
let time = this.data.time;
time--;
this.setData({
time,
text: time + '秒后可重新获取'
})
//判断倒计时时间为0时
if(time <= 0) {
//清除定时器
clearInterval(this.data.timer);
//设置文本内容,倒计时间,按钮可用
this.setData({
text: '发送验证码',
time: 60,
disabled: false
})
}
}
})