使用计时器

在 Cocos Creator 中，我们为组件提供了方便的计时器。

也许有人会认为 setTimeout 和 setInterval 就足够了，开发者当然可以使用这两个函数，不过我们更推荐使用计时器，因为它更加强大灵活，和组件也结合得更好！

下面来看看它的具体使用方式：

注意

1. schedule 对应的就是 setInterval

2. scheduleOnce 对应的就是 setTimeout

schedule(多次)

简单版本

this.schedule(function () {
  // 这里的 this 指向 component
  this.doSomething();
}, 5);

上面这个计时器将每隔 5s 执行一次。

延迟和次数

// 以秒为单位的时间间隔
let interval = 5;
// 重复次数
let repeat = 3;
// 开始延时
let delay = 10;
this.schedule(
  function () {
    // 这里的 this 指向 component
    this.doSomething();
  },
  interval,
  repeat,
  delay
);

上面的计时器将在 10 秒后开始计时，每 5 秒执行一次回调，重复 3 + 1 次。

scheduleOnce (单次)

this.scheduleOnce(function () {
  // 这里的 this 指向 component
  this.doSomething();
}, 2);

上面的计时器将在两秒后执行一次回调函数，之后就停止计时。

取消计时器

开发者可以使用回调函数本身来取消计时器:

• unschedule 取消一个计时器

this.count = 0;
this.callback = function () {
  if (this.count == 5) {
    // 在第六次执行回调时取消这个计时器
    this.unschedule(this.callback);
  }
  this.doSomething();
  this.count++;
};
this.schedule(this.callback, 1);

注意

组件的计时器调用回调时，会将回调的 this 指定为组件本身，因此回调中可以直接使用 this

总结

下面是Component中所有关于计时器的函数:

• schedule：开始一个计时器

• scheduleOnce：开始一个计时器，计时器执行一次后就会停止

• unschedule：取消一个计时器

• unscheduleAllCallbacks：这个组件上取消所有计时器

除此之外，如果需要每一帧都执行一个函数，请直接在 Component 中添加 update 函数，这个函数将默认被每帧调用

注意

Node 不包含计时器相关 Api