使用jQuery跟踪FPS

Question

基本上我正在用jQuery做一些动画，为了调试目的，我很想知道我的动画每秒运行多少帧。

是否有任何脚本可以做这样的事情或简单的解决方案？如果没有，那么我怎么能实现这个目标呢？

提前致谢！

Answer 1

如果其他人有这个问题：https://github.com/mrdoob/stats.js

先生。 Doob有一个很棒的小插件来制作帧率

Answer 2

你可以做的是有一个全局变量，每次渲染帧时都会增加一个，然后使用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。