简单实现vue验证码60秒倒计时功能
本文实例为大家分享了vue验证码倒计时60秒的具体代码,供大家参考,具体内容如下
html
获取验证码 {{count}}s
js
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时钟特效专题
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。