計時器狀態(tài)的組件

子組件

無

接口

TextTimer(options?: { isCountDown?: boolean, count?: number, controller?: TextTimerController })

參數：

屬性

事件

TextTimerController

TextTimer組件的控制器，用于控制文本計時器。一個TextTimer組件僅支持綁定一個控制器。

導入對象

textTimerController: TextTimerController = new TextTimerController()

start

start()

計時開始。

pause

pause()

計時暫停。

reset

reset()

重置計時器。

示例

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

  build() {
    Column() {
      TextTimer({ isCountDown: true, count: 30000, 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()
        })
      }
    }
  }
}