HarmonyOS TextTimer组件,在isCountDown为true时,会先显示0,然后再开始倒计时

代码如下:

TextTimer({ isCountDown: false, count: 60000, controller: this.textTimerController })
  .size({ width: 100, height: '100%' })
  .margin({ left: 12 })
  .format('s')
  .fontColor(Color.White)
  .fontSize(14)
  .align(Alignment.Center)
  .onTimer((utc: number, elapsedTime: number) => {
    console.info('textTimer notCountDown utc is:' + utc + ', elapsedTime: ' + elapsedTime)
  })
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
HarmonyOS
2024-12-20 17:25:30
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Excelsior_abit

demo中倒计时60s将自动转换成1min,01:00.00,format使用s的话将会只显示秒数为0当前规格,没有设置不让自动转化的配置项,也可以使用如下方式实现倒计时功能:

@Entry
@Component
struct TestTextTimerPage {
  @State timeTaskNumber: number= 120;
  task:number = -1;

  countDown(){
    this.task = setInterval(() => {
      this.timeTaskNumber--;
      if(this.timeTaskNumber == 0){
        clearInterval(this.task);
        this.task = -1;
      }
    }, 1000);
  }

  build() {
    Column() {
      Row(){
        Text(this.timeTaskNumber + '');

        Button('start').onClick(()=>{
          this.countDown();
        });

        Button('stop').onClick(()=>{
          if(this.task >= 0){
            clearInterval(this.task);
            this.task = -1;
          }
        })
      }
    }
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
分享
微博
QQ
微信
回复
2024-12-20 18:49:12
相关问题
HarmonyOS TextTimer倒计时问题
177浏览 • 1回复 待解决
HarmonyOS TextTimer60秒倒计时显示成00
225浏览 • 1回复 待解决
HarmonyOS 如何自动倒计时组件
590浏览 • 1回复 待解决
HarmonyOS 倒计时天数
506浏览 • 1回复 待解决
HarmonyOS 倒计时方法
297浏览 • 1回复 待解决
HarmonyOS 实现倒计时功能
245浏览 • 1回复 待解决
HarmonyOS 60秒倒计时demo
353浏览 • 1回复 待解决
HarmonyOS 页面倒计时怎么实现
17浏览 • 1回复 待解决
HarmonyOS Timer倒计时自定义
671浏览 • 1回复 待解决
HarmonyOS 请问ArkTS如何实现倒计时功能?
32897浏览 • 8回复 待解决
如何实现文本类型的倒计时
1132浏览 • 0回复 待解决
如何实现一个倒计时器?
699浏览 • 1回复 待解决
HarmonyOS TextTimer如何自动开始
111浏览 • 1回复 待解决
HarmonyOS TextTimer 计时器使用问题
287浏览 • 1回复 待解决
提问
该提问已有0人参与 ,帮助了0人