【鸿蒙实战开发】 HarmonyOS定时刷新页面数据

最新推荐文章于 2025-08-01 10:28:09 发布

「已注销」

最新推荐文章于 2025-08-01 10:28:09 发布

阅读量1.6k

点赞数 5

CC 4.0 BY-SA版权

分类专栏：鸿蒙前端安卓文章标签： harmonyos 华为鸿蒙 android 前端

本文链接：https://blog.csdn.net/HarmonyOS_001/article/details/140474922

前言

在开发过程中，我们经常需要自动刷新页面数据，例如股票行情数据、抽奖倒计时等。在 HarmonyOS 开发中，可以使用 Timer 定时器来实现这个功能。本文将通过代码示例，展示如何在 HarmonyOS 中实现定时器，并在页面关闭时取消任务。

实现步骤

1. 认识 Timer 定时器

在 HarmonyOS 中，Timer 定时器是一个常用工具。通过它，可以定时执行指定的任务。可以参考官方文档了解更多内容，这里直接通过代码演示。

//每秒执行一次doSomeThing函数
setInterval(()=>{
    doSomeThing()
},1000)

2. 在 Harmony Page 中使用定时器

在 Harmony Page 中，我们需要在页面显示时开启任务，并在页面关闭时取消任务。以下是一个完整的示例代码：

@ComponentV2
struct TimerPage{
  //定义一个time状态变量
  @Local time:number = new Date().getTime()

  taskId?:number

  onPageShow(): void {
    //在页面可见时，每秒获取一次当前时间，并保存当前任务ID
    this.taskId = setInterval(()=>{
      this.time = new Date().getTime()
    },1000)
  }

  onPageHide(): void {
    //页面不可见时，取消任务
    clearInterval(this.taskId)
  }

  build() {
    Column(){
      Text(`当前时间: ${this.time}`).fontColor(Color.Red)
    }
  }
}
</