Разница в количестве кадров в разных браузерах

Question

Внезапно простая анимация имеет разный frameRate в хроме (около 30 кадров в секунду) и firefox (около 7 кадров в секунду). Это правильное поведение? И могу ли я настроить 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 ++; 
} 

простая реализация, с "кадров в интервале 1 сек". Вы можете разглаживают его с помощью, скажем, кадры в интервале 5s

вы можете найти больше здесь Animation, FPS, and KineticJS