倒计时 60秒 js

最新推荐文章于 2022-07-18 22:35:12 发布

可乐KL

最新推荐文章于 2022-07-18 22:35:12 发布

阅读量224

点赞数

分类专栏： vue 应用场景文章标签： vue.js javascript

本文链接：https://blog.csdn.net/m0_49494051/article/details/109531804

版权

vue 同时被 2 个专栏收录

37 篇文章 1 订阅

订阅专栏

应用场景

2 篇文章 0 订阅

订阅专栏

vue页面

<button :disabled="waitNum!==''" @click="sendCode">{{authText}} {{waitNum}}</button>

data () {
    return {
      authText: '获取验证码',
      waitNum: '',
      timeLoop: ''
    }
},
methods: {
	sendCode () {
      this.waitNum = 90
      this.authText = '重新发送'
      // 验证码倒计时60s
      this.timeLoop = setInterval(() => {
        if (this.waitNum > 0) {
          this.waitNum--
        } else {
          clearInterval(this.timeLoop)
          this.authText = '重新发送'
          this.waitNum = ''
        }
      }, 1000)
    }
}