短信验证码60s倒计时

最新推荐文章于 2024-05-22 10:11:16 发布

yl_9

最新推荐文章于 2024-05-22 10:11:16 发布

阅读量129

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_43638272/article/details/125161128

版权

 <div v-if="countdown" @click="getSMSCode">获取验证码</div>
 <div v-else>{{count}}s</div>

data() {
	return {
	    countdown: true,
        count: "",
        timer: null,
	}
}

getSMSCode() {
// 请求成功
  if (datas.data.Rescode == "0000") {
     //    开启倒计时
     this.countdown = !this.countdown;
     const TIME_COUNT = 60;
     if (!this.timer) {
         this.count = TIME_COUNT;
         this.countdown = false;
         this.timer = setInterval(() => {
             if (this.count > 0 && this.count <= TIME_COUNT){
                this.count--;
             } else {
                 this.countdown = true;
                 clearInterval(this.timer);
                 this.timer = null;
             }
          }, 1000);
     }
  }        
},