在vue中用js实现倒计时

最新推荐文章于 2024-04-29 14:18:06 发布

SG_linda

最新推荐文章于 2024-04-29 14:18:06 发布

阅读量987

点赞数

本文链接：https://blog.csdn.net/SG_linda/article/details/100517899

版权

<el-button type=“primary” class=“smaCoder” @click=“getsmsCode” id=“smsCode” :disabled=“isDisbled”>获取验证码
// 倒计时
countDown () {
// 禁用按钮
this.isDisbled = true
var This = this
var smsCode = document.getElementById(‘smsCode’)
this.time = this.time - 1
smsCode.innerHTML = ‘剩余’ + this.time + ‘秒’
if (this.time == 0) {
this.isDisbled = false
smsCode.innerHTML = ‘获取验证码’
this.flag = 1
this.time = 5
return
}
setTimeout(function () {
This.countDown()
},1000)
},