• 使用计时器
    • 注意:cc.Node 不包含计时器相关 API

    使用计时器

    在 Cocos Creator 中,我们为组件提供了方便的计时器,这个计时器源自于 Cocos2d-x 中的 cc.Scheduler,我们将它保留在了 Cocos Creator 中并适配了基于组件的使用方式。

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

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

    1. 开始一个计时器

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

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

    2. 更灵活的计时器

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

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

    3. 只执行一次的计时器(快捷方式)

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

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

    4. 取消计时器

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

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

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

    • schedule:开始一个计时器
    • scheduleOnce:开始一个只执行一次的计时器
    • unschedule:取消一个计时器
    • unscheduleAllCallbacks:取消这个组件的所有计时器

    这些 API 的详细描述都可以在 Component API 文档中找到。

    除此之外,如果需要每一帧都执行一个函数,请直接在 Component 中添加 update 函数,这个函数将默认被每帧调用,这在生命周期文档中有详细描述。

    注意:cc.Node 不包含计时器相关 API