鸿蒙开发验证码倒计时功能

最新推荐文章于 2024-12-09 18:49:51 发布

893151960

最新推荐文章于 2024-12-09 18:49:51 发布

阅读量439

点赞数 1

分类专栏：鸿蒙开发案例分享文章标签： harmonyos 鸿蒙开发鸿蒙教程鸿蒙鸿蒙获取验证码

本文链接：https://blog.csdn.net/u010074743/article/details/142353433

版权

鸿蒙开发案例分享专栏收录该内容

13 篇文章 0 订阅

订阅专栏

鸿蒙开发验证码倒计时功能

验证码倒计时60s还蛮简单的，就是用间隔时间弄。但时间的累计和相减得自己弄。

一、思路

用setInterval

二、效果图

在这里插入图片描述

三、关键代码如下：

startCountDown() {
    this.timer  = setInterval(()=>{
      if (this.stop_timer) {
        this.btnCodeTip = getString($r('app.string.get_code'))
        this.currentDownTime = 0
        this.btnCodeTipEnable = true
        clearInterval(this.timer)
      } else {
        try {
          this.currentDownTime = this.currentDownTime + 1;
          if (this.currentDownTime === 60) {
            this.stop_timer = true
          } else {
            this.btnCodeTip = (60-this.currentDownTime)+"s"
            this.btnCodeTipEnable = false
          }
        } catch (e) {
        }
      }
    }, 1000)
  }