CoreNext主题美化 - 网站左上角添加FPS帧率显示
帧率(Frame rate)是以帧称为单位的位图图像连续出现在显示器上的频率(速率)。该术语同样适用于胶片和摄像机,计算机图形和动作捕捉系统。帧速率也可以称为帧频率,并以赫兹(Hz)表示。给网站添加帧率显示功能,可以自己修改代码实现在任意位置显示,样式也可自定义。
效果演示
设置教程
只需要在网站中加入javascript
代码即可
// 网站左上角添加FPS帧率显示,帧率_好软猫[www.haoruanmao.com]
$('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();
})();
游客/用户附件
如果你不想自己写入,也可以下载好软猫的js文件,修改自己需要的标题内容即可。js文件放置到wp-content/themes/CoreNext-Child/js
来源:123盘 | 提取码:pRRI
好软猫温馨提示您
本文最后更新于
文章没读爽?点我试试随机文章
2023-12-13
,部分内容具有时效性,如有失效,请评论留言阅读至此,本文已完结
THE END