【WordPress主题美化篇】给网站添加显示FPS帧率的教程

前言:

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

图片[1]-【WordPress主题美化篇】给网站添加显示FPS帧率的教程-AA源码网

使用教程:

你只需在网站管理后台—》主题设置—》自定义代码—》自定义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();
})();

效果截图:

图片[2]-【WordPress主题美化篇】给网站添加显示FPS帧率的教程-AA源码网

本文代码由星语的小木屋提供

© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 抢沙发

请登录后发表评论