HarmonyOS 倒计时方法

TextTimer组件提供了通过文本显示计时信息并控制其计时器状态的功能。

具体可参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-texttimer-V5

也可以看下这个示例demo：

// xxx.ets
@Entry
@Component
struct TextTimerExample {
  textTimerController: TextTimerController = new TextTimerController()
  @State format: string = 'ss'

  build() {
    Column() {
      TextTimer({ isCountDown: true, count: 60000, controller: this.textTimerController })
        .format(this.format)
        .fontColor(Color.Black)
        .fontSize(50)
        .onTimer((utc: number, elapsedTime: number) => {
          console.info('textTimer notCountDown utc is：' + utc + ', elapsedTime: ' + elapsedTime)
        })
      Row() {
        Button("start").onClick(() => {
          this.textTimerController.start()
        })
        Button("pause").onClick(() => {
          this.textTimerController.pause()
        })
        Button("reset").onClick(() => {
          this.textTimerController.reset()
        })
      }
    }
  }
}

实现初始化完直接进入倒计时

可以在 TextTimer组件添加这个监听，表示组件挂载显示后触发此回调，然后执行开始倒计时的功能

.onAppear(()=>{
  this.textTimerController.start()
})