Javascript计时器延迟

Question

我决定玩HTML5的画布,当然这意味着我要尝试写一个乒乓球游戏.目前,我正在试图找出如何限制我的帧率.这在其他语言中相当容易,但找到一种延迟Javascript执行的方法似乎有点困难.

这是我到目前为止:

while(true) {
    var begin = (new Date()).getTime();

    //Draw stuff to the canvas

    var end = (new Date()).getTime();
    if ((end-begin) < 33.333 ) {
        //delay (1000/(30-(end-begin)))
    }
}

显然,由于每个javascript引擎的执行方式,帧速率会大不相同,但我希望将最大帧速率限制在30FPS.我真的没有看到setTimeout()将如何完成此任务.最好的方法是什么？

Answer 1

没有delay/ wait在JavaScript中.您可以window.setTimeout在经过一定时间后使用类似函数调用函数,例如:

window.setTimeout(function() {
    // do something interesting
}, 2000 /* but after 2000 ms */);

或者说你想每33毫秒(~30 fps)画一帧,你会像下面这样编码:

window.setInterval(function() {
    // paint my frame 
}, 33);