使用计时器
在 Cocos Creator 中,我们为组件提供了方便的计时器,这个计时器源自于 Cocos2d-x 中的cc.Scheduler
,我们将它保留在了 Cocos Creator 中并适配了基于组件的使用方式。
也许有人会认为setTimeout
和setInterval
就足够了,开发者当然可以使用这两个函数,不过我们更推荐使用计时器,因为它更加强大灵活,和组件也结合得更好!
下面来看看它的具体使用方式:
-
开始一个计时器
- component.schedule(function() {
- // 这里的 this 指向 component
- this.doSomething();
- },5);
上面这个计时器将每隔 5s 执行一次。
-
更灵活的计时器
- // 以秒为单位的时间间隔
- var interval = 5;
- // 重复次数
- var repeat = 3;
- // 开始延时
- var delay = 10;
- component.schedule(function() {
- 上面的计时器将在10秒后开始计时,每5秒执行一次回调,重复3次。
-
只执行一次的计时器(快捷方式)
- component.scheduleOnce(function() {
- 2);
-
取消计时器
开发者可以使用回调函数本身来取消计时器:
- this.count = 0;
- this.callback = function () {
- if (this.count === 5) {
- // 在第六次执行回调时取消这个计时器
- this.unschedule(this.callback);
- }
- this.doSomething();
- this.count++;
- }
- component.schedule(this.callback,128)">1);
下面是 Component 中所有关于计时器的函数:
- schedule:开始一个计时器
- scheduleOnce:开始一个只执行一次的计时器
- unschedule:取消一个计时器
- unscheduleAllCallbacks:取消这个组件的所有计时器
这些 API 的详细描述都可以在Component API文档中找到。
除此之外,如果需要每一帧都执行一个函数,请直接在 Component 中添加update
函数,这个函数将默认被每帧调用,这在生命周期文档中有详细描述。