Cocos Creator:使用计时器

推荐:将NSDT场景编辑器加入你的3D工具链
3D工具集:NSDT简石数字孪生

使用计时器

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

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

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

开始一个计时器

 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 次。

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

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

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

取消计时器

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

 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:取消这个组件的所有计时器

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

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

3D建模学习工作室 翻译整理,转载请注明出处!

上一篇:Cocos Creator:创建和销毁节点 (mvrlink.com)

下一篇:Cocos Creator:组件和组件执行顺序 (mvrlink.com)

NSDT场景编辑器 | NSDT 数字孪生 | GLTF在线编辑器 | 3D模型在线转换 | UnrealSynth虚幻合成数据生成器 | 3D模型自动纹理化工具
2023 power by nsdt©鄂ICP备2023000829号