HarmonyOS 如何实验验证码倒计时后点击再次发送,重新显示倒计时

输入验证码页面,倒计时结束后显示重新发送,点击重新发送无法控制倒计时控件再次显示 当前困难影响:体验不好

HarmonyOS
2024-12-18 16:46:23
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang
@Entry
@Component
struct Page {
  @State elapsedTime: number = 0;
  textTimerController: TextTimerController = new TextTimerController()

  build() {
    Column() {
      Row() {
        TextTimer({ isCountDown: true, count: 59000, controller: this.textTimerController })
          .format("ss")
          .fontColor($r("app.color.theme_color_m"))
          .onTimer((utc: number, elapsedTime: number) => {
            this.elapsedTime = elapsedTime
          })
        Text($r("app.string.login"))
          .fontSize(15)
          .fontColor($r("app.color.theme_color_m"))
          .onClick(() => {
            this.textTimerController.start()
          })
      }
      .margin({ top: 25 })
      .visibility(this.elapsedTime == 59000 ? Visibility.None : Visibility.Visible)

      Button('重置后启动')
        .onClick(() => {
          this.textTimerController.reset()
          this.textTimerController.start()
        })

      Text() {
        Span('1111111111111')
          .fontColor($r("app.color.theme_color_m"))
        Span('2222222222222')
          .fontColor($r("app.color.theme_color_m"))
          .onClick(() => {
            this.textTimerController.reset()
            this.textTimerController.start()
          })
      }
      // .visibility(this.elapsedTime == 59000 ? Visibility.Visible : Visibility.None)
      .textAlign(TextAlign.Center)
      .fontSize(13)
      .margin({ top: 25 })
      .width("90%")

    }
    .width('100%')
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-18 18:56:47
相关问题
HarmonyOS 倒计时天数
681浏览 • 1回复 待解决
HarmonyOS TextTimer倒计时问题
366浏览 • 1回复 待解决
HarmonyOS 倒计时方法
497浏览 • 1回复 待解决
HarmonyOS 如何自动倒计时组件
700浏览 • 1回复 待解决
HarmonyOS 实现倒计时功能
413浏览 • 1回复 待解决
HarmonyOS 页面倒计时怎么实现
279浏览 • 1回复 待解决
HarmonyOS 60秒倒计时demo
472浏览 • 1回复 待解决
HarmonyOS Timer倒计时自定义
837浏览 • 1回复 待解决
如何实现文本类型的倒计时
1224浏览 • 0回复 待解决
HarmonyOS 请问ArkTS如何实现倒计时功能?
33362浏览 • 8回复 待解决
HarmonyOS TextTimer60秒倒计时显示成00
368浏览 • 1回复 待解决
如何实现一个倒计时器?
818浏览 • 1回复 待解决
提问
该提问已有0人参与 ,帮助了0人