2011-04-28 77 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