TextTimer

通過文本顯示計時信息并控制其計時器狀態(tài)的組件。

說明：
開發(fā)前請熟悉鴻蒙開發(fā)指導(dǎo)文檔 ：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
該組件從API Version 8開始支持。后續(xù)版本如有新增內(nèi)容，則采用上角標(biāo)單獨標(biāo)記該內(nèi)容的起始版本。

子組件

無

接口

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

參數(shù)：

屬性

事件

TextTimerController

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

導(dǎo)入對象

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()
        })
      }
    }
  }
}

審核編輯 黃宇