wxml部分代码如下:
<button class="sendBtn" disabled='{{disabled}}' bindtap="getCountDown">{{sendMessage}}</button>
js部分代码如下:
data: {
sendMessage: "重新发送",//按钮的默认文字内容
countTime: 60,//倒计时
disabled:""//按钮是否禁用
},
//倒计时
getCountDown: function(that){
//获取倒计时的变量
var time = parseInt(this.data.countTime);
const countDown = setInterval(() => {
if(time==0){
this.setData({
sendMessage: "重新发送",
disabled:""
})
//清除定时器
clearInterval(countDown);
}else{
time--;
this.setData({
sendMessage: time + "s",
disabled:"disabled"
})
}
}, 1000)
}
————————————————
版权声明:本文为CSDN博主「gyuei」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/gyueh/article/details/107814022