cocos2d-js浅谈schedule的用法

展性及实用性上,建议大家统一使用cocos2d自身提供的schedule方法。下面就为大家深入浅出的介绍下schedule:

一、schedule 有三种不同的api:

1. scheduleUpdate():

2. scheduleOnce(callback, delay, key):

Parameters:

{function} callback

A function wrapped as a selector

{Number} delay

The amount of time that the first tick will wait before execution.

{String} key

The only string identifying the callback

3. schedule(callback, interval, repeat, delay, key):

Parameters:

{function} callback

A function wrapped as a selector

{Number} interval

Tick interval in seconds. 0 means tick every frame. If interval = 0, it's recommended to use scheduleUpdate() instead.

{Number} repeat

The selector will be executed (repeat + 1) times, you can use kCCRepeatForever for tick infinitely.

{Number} delay

The amount of time that the first tick will wait before execution.

{String} key

The only string identifying the callback


二、schedule三种api的使用:

1. scheduleUpdate()

以layer为例,在初始化的时候(ctor函数return true 前,其他地方也可以,建议在初始化时)添加:

[javascript] view plain copy
  1. this.scheduleUpdate(); //开启每帧调用,对应update  
接着重写layer的update方法:(这里先定义了一个layer的成员变量time)
[javascript] view plain copy
  1. update: function(dt) {  
  2.     this.time += dt; //dt 为上一帧到当前帧的时长  
  3.     if (this.time >= 3) {  
  4.         cc.log("每3秒在调试框中输出一次");  
  5.         this.time = 0;  
  6.     };  
  7. },  
2. scheduleOnce(callback, delay, key)

以layer为例,在初始化或其他非解析方法内添加:

[javascript] view plain copy
  1.         //延迟2秒后,只执行一次  
  2.         this.scheduleOnce(this.once, 2);  
接着新建一个once的方法:
[javascript] view plain copy
  1.     once: function() {  
  2.         cc.log("延迟2秒后,只执行一次");  
  3.     },  

3. schedule(callback, interval, repeat, delay, key)

同样以layer为例,在初始化或其他非解析方法内添加:

[javascript] view plain copy
  1.       //不带参数的回调函数notParameter,延迟5秒后每2秒执行一次,累积执行20次  
  2. bsp;       this.schedule(this.notParameter, 2, 20, 5);  
接着新建一个notParameter的方法:
[javascript] view plain copy
  1.     notParameter: function() {  
  2.         cc.log("不带参数的回调函数notParameter,延迟5秒后每2秒执行一次,累积执行20次");  
  3.     },  

三、schedule的代码示例:

[javascript] view plain copy
  1. var test = cc.Layer.extend({  
  2.     time: 0,  
  3.     ctor: function() {  
  4.         this._super();  
  5.         this.time = 0;  
  6.         this.scheduleUpdate(); //开启每帧调用,对应update  
  7.         //不带参数的回调函数notParameter,延迟5秒后每2秒执行一次,累积执行20次  
  8.         this.schedule(this.notParameter, 2, 20, 5);  
  9.         //带参数的回调函数haveParameter,每1.5秒执行一次,累积执行10次  
  10.         this.schedule(function nothing() {  
  11.             this.haveParameter("带参数")  
  12.         }, 1.5, 10);  
  13.         //每5秒执行一次,无次数限制  
  14.         this.schedule(this.notRepeat, 5);  
  15.         //延迟2秒后,只执行一次  
  16.         this.scheduleOnce(this.once, 2);  
  17.         return true;  
  18.     },  
  19.     notRepeat: function() {  
  20.         cc.log("每5秒执行一次");  
  21.     },  
  22.     notParameter: function() {  
  23.         cc.log("不带参数的回调函数notParameter,延迟5秒后每2秒执行一次,累积执行20次");  
  24.     },  
  25.     haveParameter: function(s) {  
  26.         cc.log(s + "的回调函数haveParameter,每1.5秒执行一次,累积执行10次");  
  27.     },  
  28.     once: function() {  
  29.         cc.log("延迟2秒后,只执行一次");  
  30.     },  
  31.     update: function(dt) {  
  32.         this.time += dt; //dt 为上一帧到当前帧的时长  
  33.         if (this.time >= 3) {  
  34.             cc.log("每3秒在调试框中输出一次");  
  35.             this.time = 0;  
  36.         };  
  37.     },  
  38.     onExit: function() {  
  39.         this._super();  
  40.         this.unscheduleUpdate(); //移除schedule  
  41.         this.unschedule(this.notRepeat); //移除没有次数限制的schedule  
  42.         this.unscheduleAllCallbacks();//移除所有schedule的回调函数  
  43.     }  
  44. }); 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值