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