微信小程序实现倒计时计时器

最新推荐文章于 2025-01-19 11:35:01 发布

原创最新推荐文章于 2025-01-19 11:35:01 发布 · 3.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序

微信小程序专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种在微信小程序中实现验证码倒计时功能的方法。通过设置定时器，每秒减少倒计时时间，并更新界面上显示的剩余时间。当倒计时结束时，重置状态并清除定时器，允许用户重新发送验证码。

微信小程序验证码倒计时*秒

            var timer = setInterval(function () {
              lastTime--;
              that.setData({
                codeText: lastTime + '秒后重新发送'   //时间倒计时的文本显示
              });
              if (lastTime == 0) {   //用来判断是否结束计时器
                that.setData({
                  codeText: "获取动态密码",//时间倒计时的文本显示
                  status: false     //用来判断是否可以再次点击的状态
                });
                lastTime = 30     //需要倒计时的时间
                clearInterval(timer);   //清除计时器
              }
            }, 1000)