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

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

HarmonyOS
6h前
浏览
收藏 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
微信
回复
4h前
相关问题
HarmonyOS 倒计时天数
278浏览 • 1回复 待解决
HarmonyOS 如何自动倒计时组件
452浏览 • 1回复 待解决
HarmonyOS 60秒倒计时demo
137浏览 • 1回复 待解决
如何实现文本类型的倒计时
889浏览 • 0回复 待解决
如何实现一个倒计时器?
447浏览 • 1回复 待解决
HarmonyOS Timer倒计时自定义
394浏览 • 1回复 待解决
HarmonyOS 请问ArkTS如何实现倒计时功能?
32480浏览 • 8回复 待解决
HarmonyOS 如何实现滑动验证码功能
519浏览 • 1回复 待解决
实现验证码登录之前的滑动验证实现
148浏览 • 1回复 待解决
前端验证码配合后端的实现思路?
3416浏览 • 1回复 待解决
如何实现一个验证码弹窗子窗口
357浏览 • 1回复 待解决
密码或验证码登录页面完整代码
1673浏览 • 1回复 待解决
提问
该提问已有0人参与 ,帮助了0人