HarmonyOS定时器与定时任务

深藏阁楼爱情的钟 2024-04-22 07:54 92阅读 0赞

HarmonyOS 的 ArkTS 说白了 就是 TS和JS混合 加了一些新特性的语言

定时任务 就还是用 js代码就OK了

我们代码这样写

@Entry
    @Component
    struct Twox {
        
      build() {
        
        Row() {
        
          Column(){
        
            Button("触发定时任务").onClick(()=>{
        
              setTimeout(()=> {
        
                console.log('执行')
              },2000)
            })
          }
          .width('100%')
        }
        .height('100%')
      }
    }

给一个 BUTTON 按钮 点击触发定时任务  
编辑器 运行 然后 打开控制台 点击按钮 两秒后 就会执行 console.log(‘执行’)  
![在这里插入图片描述][ed3e5627b22649edb9c4fbfaa10b35f4.png]  
定时器的代码是

setTimeout(()=> {
        
        //逻辑代码
    },2000)

取消定时器代码 clearTimeout  
例如

//定义一个定时器 叫vs
    let vs = setTimeout(()=> {
        
        //逻辑代码
    },2000)
    //取消vs定时器
    clearTimeout(vs)

改为 时间间隔器 则是

@Entry
    @Component
    struct Twox {
        
      build() {
        
        Row() {
        
          Column(){
        
            Button("触发定时任务").onClick(()=>{
        
              setInterval(()=> {
        
                console.log('执行')
              },2000)
            })
          }
          .width('100%')
        }
        .height('100%')
      }
    }

点击后 每两秒执行一次  
![在这里插入图片描述][403ca6aab14a433fa82d2e64ad878e39.png]

setInterval(()=> {
        
        //逻辑代码
    },2000)

取消时间间隔期 clearInterval

//定义一个定时任务 叫vs
    let vs = setInterval(()=> {
        
        //逻辑代码
    },2000)
    //取消vs定时任务
    clearInterval(vs)

这其实都是 js的知识点了 也就不说那么多了

[ed3e5627b22649edb9c4fbfaa10b35f4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/76f9e814af174df0a8c775228c0f4a07.png
[403ca6aab14a433fa82d2e64ad878e39.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/e29c426fddb44f1eb32fd9b13bf35e72.png