HarmonyOS鸿蒙Next中TextTimer如何正向计时

HarmonyOS鸿蒙Next中TextTimer如何正向计时 TextTimer如何正向计时

3 回复

参考官方文档中示例3的正向计时
https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-texttimer-V5# 示例3

更多关于HarmonyOS鸿蒙Next中TextTimer如何正向计时的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，TextTimer组件用于显示计时器。要实现正向计时，可以通过设置TextTimer的format和countdown属性来实现。默认情况下，TextTimer是正向计时的，不需要额外配置。

示例代码：

@Entry
@Component
struct Index {
  build() {
    Column() {
      TextTimer({
        format: 'HH:mm:ss',
        countdown: false
      })
        .fontSize(50)
        .fontColor(Color.Black)
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
    .alignItems(HorizontalAlign.Center)
  }
}

在这个例子中，TextTimer会从00:00:00开始正向计时，显示格式为HH:mm:ss。countdown属性设置为false，表示不使用倒计时模式。

在HarmonyOS鸿蒙Next中，使用TextTimer组件进行正向计时，可以通过设置startTime和endTime属性来实现。startTime设为0，endTime设为目标时间（如60000表示60秒）。TextTimer会自动从startTime开始递增，直到达到endTime。示例代码如下：

TextTimer({
  startTime: 0,
  endTime: 60000,
  onTick: (value) => {
    console.log(`当前时间: ${value}`);
  }
)
回到顶部