微客导航 » 文章资讯 » 简单实现vue验证码60秒倒计时功能

简单实现vue验证码60秒倒计时功能

2023-09-23 10:29:06 464

本文实例为大家分享了vue验证码倒计时60秒的具体代码，供大家参考，具体内容如下

html

获取验证码
{{count}}s

data(){
return{
show:true,
count:'',
timer:null,
}
},
methods:{
getCode(){
constTIME_COUNT=60;
if(!this.timer){
this.count=TIME_COUNT;
this.show=false;
this.timer=setInterval(()=>{
if(this.count>0&&this.count<=TIME_COUNT){
this.count--;
}else{
this.show=true;
clearInterval(this.timer);
this.timer=null;
}
},1000)
}
}
}

更多关于倒计时的文章请查看专题：《倒计时功能》

更多JavaScript时钟特效点击查看：JavaScript时钟特效专题

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

简单实现vue验证码60秒倒计时功能

热门推荐

随机推荐