鸿蒙应用开发（HarmonyOS），定时器setInterval，间隔累加效果，以及停止累加，继续累加

HarmonyOS为我们提供了基础的定时器能力——Timer (定时器)

这里介绍setInterval和clearInterval的使用

这里我们以累加为例，

点击【开始累加】按钮进行累加，实现每一秒加1的效果

代码：

@Entry
@Component
struct Index {
  @State num: number = 0
  @State x: number = 1

  build() {
    Column() {
      Row() {
      }.height(200)

      Text(`${this.num}`)
      Button('开始累加').onClick(() => {
        // 点击后每1秒加1
        setInterval(() => {
          this.num++
        }, 1000)
      })
    }
    .height('100%')
    .width('100%')
  }
}

在上述的基础上进行操作，进行点击【开始累加】后累加，以及点【停止】后停止累加，再次点击后【开始累加】后实现继续累加的效果

代码：

@Entry
@Component
struct Index {
  @State num: number = 0
  @State x: number = 1

  build() {
    Column() {
      Row() {
      }.height(200)

      Text(`${this.num}`)
      Button('开始累加').onClick(() => {
        // 点击后每1秒加1
        this.x = setInterval(() => {
          this.num++
        }, 1000)
      })
      Button('停止').onClick(() => {
        // 点击停止累加，再次点击【开始累加】按钮继续累加
        clearInterval(this.x)
      })
    }
    .height('100%')
    .width('100%')
  }
}