简单实现vue验证码60秒倒计时功能
程序员文章站
2022-07-05 20:47:51
本文实例为大家分享了vue验证码倒计时60秒的具体代码,供大家参考,具体内容如下
html
本文实例为大家分享了vue验证码倒计时60秒的具体代码,供大家参考,具体内容如下
html
<span v-show="show" @click="getcode">获取验证码</span> <span v-show="!show" class="count">{{count}} s</span>
js
data(){ return { show: true, count: '', timer: null, } }, methods:{ getcode(){ const time_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) } } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
下一篇: JS动态修改网页body的背景色实例代码