在uni-app写获取验证码倒计时

在uni-app写获取验证码倒计时

前端小白的uni-app艰难学习之路

方法
其实要实现这个功能原理非常简单，就是setInterval+setTimeout+clearInterval结合使用，首先在data里定义一个变量second，初始值为60，然后在setInterval里执行每秒减1的操作，setTimeout在60秒后执行clearInterval清除定时器的操作，话不多说，先上代码：

getCode: function () {
       this.showText = false
       var interval = setInterval(() => {
          --this.second
       }, 1000)
       setTimeout(() => {
          clearInterval(interval)
          this.showText = true
       }, 60000)
},

需要特别注意的是this的指向问题，我这里是给定时器的回调函数使用箭头函数来解决的

---

版权声明：本文为CSDN博主「shika233」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_44143975/article/details/89966249