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

博主：小屁
发布时间：2022 年 01 月 24 日
1951 次浏览
2 条评论
966字数
分类： Typecho

Loading...

# 代码

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

```js
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();
})();
```

最后修改：2022 年 01 月 24 日

© 允许规范转载

如果觉得我的文章对你有用，请随意赞赏噢~

🥰猜你想看🥰 实战解决CORS error（跨域资源共享错误）为handsome博客添加侧边栏倒计时小程序笔记记录一下利用JS给博客网站左上角显示FPS帧数为typecho博客文章页脚添加"随机文章"和"猜你想看"

🎲随机文章🎲 【最全】为Typecho站点更改好看的字体-ProMax Let’s Encrypt错误签发数百万张证书所有错误证书将在5天内吊销 “犯其至难而图其至远”我的2022年终总结离2023年高考还有52天为typecho博客文章页脚添加"随机文章"和"猜你想看"

2 条评论

小屁 Google Chrome 97.0.4692.99 Windows 10
January 25th, 2022 at 04:28 pm

评论测试！

回复
小屁 Google Chrome 97.0.4692.71 Windows 10
January 24th, 2022 at 02:53 pm

Ces~

回复

发表评论取消回复

评论 *

名称 *

🎲

邮箱 *

地址

距2023年高考已过

天时分秒

ohylsmtiox
不错不错，我喜欢看 https://www.ea55.com/
ktwouoiixu
想想你的文章写的特别好https://www.ea55.com/
SeaYJ
很高兴能和你成为朋友啊~博客名称: SeaEpoch 博客网址...
zpsgxeelzt
看的我热血沸腾啊https://www.237fa.com/
xzcfmnrlma
想想你的文章写的特别好https://www.237fa.com/