CocosCreator 计时器

最新推荐文章于 2024-11-18 15:26:56 发布

脱碳甲醛

最新推荐文章于 2024-11-18 15:26:56 发布

阅读量3.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： CocosCreator 文章标签：计时器

本文链接：https://blog.youkuaiyun.com/qq_43575267/article/details/88910712

CocosCreator 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了CocosCreator中的计时器使用，包括setTimeout、setInterval和cc.Scheduler组件。setTimeout用于延迟执行，setInterval则按指定间隔重复执行。cc.Scheduler组件结合了两者功能，例如设置每5秒执行一次的计时器，并可灵活控制计时器的开始、结束和取消。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

setTimeout

setTimeout 是HTML中的方法，用法与之相同。
该方法用于延迟一定时间后执行某个操作。
该方法有两个参数，第一个参数是一个函数，即执行的操作；第二个参数是一个整数，即以毫秒为单位的延迟时间

setInterval

与 setTimeout 相同，只不过它会按照指定的时间间隔重复执行代码，直至间歇调用被取消或页面被卸载。

cc.Scheduler

此组件时Cocos中独特的一个组件，可以综合上述两种功能

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

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

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

在10秒后开始计时，每5秒执行一次回调，重复3次。

由上面两个例子，我们知道，schedule 函数是在 component 结构上的（并不是Node 结构上），函数中的 this指向这个组件 component
Component 中所有关于计时器的函数
- schedule：开始一个计时器
- scheduleOnce：开始一个只执行一次的计时器
- unschedule：取消一个计时器
- unscheduleAllCallbacks：取消这个组件的所有计时器

component.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++;
 }
 component.schedule(this.callback, 1);