主题添加FPS帧率显示教程

前言

如果经常打游戏的话,对于FPS帧率波动变化是非常在意的一件事,在游戏的世界里帧率越低就越容易卡段,其实我们也可以尝试让自己的网站显示FPS帧率,教程也是很简单,只需一段js代码即可实现我们的这个需求!今天就给朋友们分享一下如何在WordPress添加帧率显示的教程,请继续往下看!

使用

你只需在网站管理后台—》主题设置—》自定义代码—》自定义javascript代码,把下面的js代码复制粘贴到里面即可。

// FPS帧
$('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();
})();

    © 版权声明
    THE END
    支持博主,更新加速
    点赞0赞赏 分享
    勋章统计

    评论一下 抢沙发

    请登录后发表评论

      请登录后查看评论内容