html5 连续播放帧,javascript – HTML5画布性能 – 每秒计算循环/帧数

我知道以前一些问题像以前一样被问到,例如：

Check FPS in JS? – 这在某种程度上是有效的,我能够找出每个循环需要完成多长时间.

我正在寻找的是更可读和可控的东西.我想要设置FPS计数器的刷新率使其变慢,所以它是人类可读的或应用程序可以运行的一样快,所以我可以在某种速度表上使用它.

无论如何,这里是我现在的代码：

var lastLoop = new Date().getTime();

function updateStage()

{

clearCanvas();

updateStageObjects();

drawStageObjects();

var thisLoop = new Date().getTime();

var fps = (thisLoop - lastLoop);

$('#details').html(fps);

lastLoop = thisLoop;

iteration = setTimeout(updateStage, 1);

}

我正确的设置setTimeout函数的速度是1毫秒吗？我在想,这只会让它尽可能快地循环.

>我应该计算每100帧左右,找出运行100帧所需的毫秒数,然后进行计算,以了解如果毫秒数为1000,它将执行多少帧？这个计算是什么？

>为了使结果更准确,我猜想我需要显示平均值,因为一帧可能会有很大的变化,我该怎么做？

任何提示都不胜感激.

谢谢.