记录实现倒计时的方法,配合按钮的disabled

记录一个自己实现倒计时的方法,现在可以网上有很多插件,自己实现记录一下

// 倒计时
            countDown() {
                this.disabled = true
                let number = 60
                this.count = `请${number}秒后重试`
                let myCountDown
                clearInterval(myCountDown)
                myCountDown = setInterval(() => {
                    number--
                    this.count = `请${number}秒后重试`
                    if (number == 0) {
                        clearInterval(myCountDown)
                        this.count = '刷新二维码'
                        this.disabled = false
                    }
                }, 1000)
            },

这个可以进一步的进行倒计时优化,可以进行时间的传入进行简单的倒计时

博客园,记录开发瞬间

 

posted @ 2022-02-23 11:11  blackAge  阅读(80)  评论(0)    收藏  举报