不同浏览器的帧速率差异

Question

突然，一个简单的动画在chrome（大约30fps）和firefox（大约7fps）中有不同的frameRate。 这是一种正确的行为吗？我可以在动画功能中调整framRate吗？

Answer 1

试试这个

// variables accessible from within function(frame)
var frameCount = 0;
var currentSecond = 0;
var frameRate = 0;

// within function(frame), called with current time on each new frame
function updateFrameRate(time) {
    var second = Math.floor(time / 1000); // ms to integer seconds
    if (second != currentSecond) {
       frameRate = frameCount;
       frameCount = 0;
       currentSecond = second;
    }
    frameCount ++;
}

一个简单的实现，“1s间隔内的帧”。你可以使用5s间隔的帧来平滑它

您可以在Animation, FPS, and KineticJS

找到更多信息