javascript - JS requestAnimationFrame 帧率

Question

JavaScript，请求动画框架:

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

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

谢谢

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