JS requestAnimationFrame帧率

Question

JavaScript，requestAnimationFrame：

你知道在不同的情况下帧率是如何不同的(例如，不同的浏览器)

如何找出特定情况下的帧率？

谢谢

Answer 1

这里有一个函数，可以为任何支持requestAnimationFrame()的设备查找依赖于它的帧率。唯一的缺点是精度不是即时的。您可以很容易地四舍五入到最接近的标准帧速率，并以这种方式获得非常快速的返回值，但此代码计算60帧的平均值，以获得更准确的requestAnimationFrame()读数。

function RAF_tester() {
    var i = 1;
    var prevT;
    requestAnimationFrame(function(startT) {
        requestAnimationFrame(function RAF_loop(currentT) {
            var elapsedT = currentT - startT;
            var RAF_interval = currentT - prevT;
            var RAF_average = 1000 / (elapsedT / i);
            console.log(RAF_interval);
            diagnostic.innerHTML = 'Average FPS: '+RAF_average;
            prevT = currentT;
            i += 1; if (i<61) { requestAnimationFrame(RAF_loop); }
        });
    });
}

希望它能为你工作！

在codepen上试试：http://codepen.io/kandleflame/pen/QEgQoE