为网站左上角加入js实现FPS帧率显示

发布于

代码

利用js代码实现，使用时加入script标签内

代码语言：javascript
复制
var console={};
console.log=function(){};

$('body').before('<div id="fps" style="z-index:10000;position:fixed;top:3;left:3;font-weight:bold;"></div>');

var showFPS = (function(){

var requestAnimationFrame =

window.requestAnimationFrame ||

window.webkitRequestAnimationFrame ||

window.mozRequestAnimationFrame ||

window.oRequestAnimationFrame ||

window.msRequestAnimationFrame ||

function(callback) {

window.setTimeout(callback, 1000/60);

};

var e,pe,pid,fps,last,offset,step,appendFps;


fps = 0; 
last = Date.now(); 
step = function(){ 
    offset = Date.now() - last; 
    fps += 1; 
    if( offset >= 1000 ){ 
    last += offset; 
    appendFps(fps); 
    fps = 0; 
    } 
    requestAnimationFrame( step ); 
}; 
appendFps = function(fps){ 
    console.log(fps+'FPS');
    $('#fps').html(fps+'FPS');
};
step();



})();

#script