2011-04-28 108 views
2

Basicly我在做一些動畫與jQuery和調試的目的,我很想看看有多少幀每秒的運行我的動畫。軌道FPS與jQuery

是否有任何腳本在那裏,做這樣的事情,還是一個簡單的解決方案?如果不是,那我怎麼能做到這一點?

在此先感謝!

+0

看一下我的建議,一個偉大的小插件?我在這裏沒有任何東西來測試它,但我認爲它應該起作用。 – Kokos 2011-04-28 14:42:45

回答

0

你可以做的是每次渲染幀時都會增加一個全局變量,然後使用setInterval將該值設置回0並輸出該值。

var frames = 0; 

function render_frame(){ 

    /* With this function I mean the place where you render a frame */ 
    frames++;  

} 

setInterval(function() { 

    $('#fps').html(frames+' fps'); 
    frames = 0; 

}, 1000); 

這樣你開始爲0的幀率,以及用於一個第二幀的量進行計數,然後在第二,幀數被複位並且輸出的端部,導致FPS。

+0

這裏的問題是,我無法單獨跟蹤「每個」框架,當使用'animate()'進行動畫時......或者我可能沒有找到一種方法來實現它。另外還有一點是,有多個元素同時被動畫,影響實際的FPS。 – jolt 2011-04-28 15:34:08