vue element 倒计时
<el-button @click="sendMsg" type="primary" :disabled="isDisabled">{{buttonName}}</el-button>
buttonName: "发送短信",
isDisabled: false,
time: 60,
sendMsg() {
let me = this;
me.isDisabled = true;
let interval = window.setInterval(function() {
me.buttonName = '(' + me.time + '秒)后重新发送';
--me.time;
if(me.time < 0) {
me.buttonName = "重新发送";
me.time = 60;
me.isDisabled = false;
window.clearInterval(interval);
}
}, 1000);
}
- 上一篇 »javascript实现奥运倒计时代码
- 下一篇 »javascript倒计时代码