cocos2d -js 解决定时器schedule误差

转载http://www.cnblogs.com/kenkofox/p/4138048.html

对于动画控制，可能一点误差，大家不会察觉，但如果多次循环累积或网络同步等，大家就会很清楚意识到schedule的误差问题。

首先做一个例子证明一下：

var InaccuracyTestLayer = cc.Layer.extend({

    ctor: function () {
        this._super();
        var startTime = new Date().getTime();
        var count = 0;
        this.schedule(function(){
            var timePass = new Date().getTime() - startTime;
            count++;
            var delta = timePass - (count*100);
            trace("time pass",timePass,"@R_981_10586@l delta",delta,"count",count);
        },0.1);

        this.scheduleupdate();
    },update: for (var i = 0; i < 100000; i++) {
            b = 1/0.22222;
        }
    }
});

帧频越低，变慢得越快。

time pass,1481,@R_981_10586@l delta,381,count,11 CCDebugger.js:334
time pass,1608,408,12 CCDebugger.js:334
time pass,1735,435,13 CCDebugger.js:334
time pass,1861,461,14 CCDebugger.js:334

那么尝试一下解决问题？

定时器原理：cocos2d-js底层在每一帧计算中，遍历所有定时器，看是否达到触发时间。如果达到则触发该定时器，并把时间重置为当前时间。好了，问题就在于此，“重置为当前时间”。

看看一个新的定时器：

    schedule2: function (callBACk,interval) {
        var then = Date.now();
        interval = interval*1000;
        var now = Date.now();
            var delta = now - then;
            if(delta > interval){
                then = now - (delta % interval);
                callBACk.call(this);
            }
        }.bind(this),0);
    }