欢迎来到好人卡资源网,专注网络技术资源收集,我们不仅是网络资源的搬运工,也生产原创资源。寻找资源请留言或关注公众号:烈日下的男人

给你的网站添加FPS显示

网站源码 sky995 3年前 (2021-12-09) 697次浏览 0个评论

本文及资源最后更新时间 2021-12-09 by sky995

https://img.zhinianblog.com/img/1820

演示站

代码如下-回复可见
<!-- 显示FPS开始 -->
<script>
//if ((!navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {//匹配手机,把注释去掉就只显示PC端
    $('body').before('<div id="fps" style="color:#FFB6C1;z-index:10000;position:fixed;top:3px;left:3px;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) {
            $('#fps').html(fps + 'FPS');
        }
        ;
        step();
    }
    )();
//}//手机和电脑开启
</script>
<!-- 显示FPS结束 -->

好人卡资源网给你的网站添加FPS教程


好人卡资源网 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:给你的网站添加FPS显示
喜欢 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址