• 免费图床 开往助力 服务器监控 网站状态监控

给你的网站添加FPS

菜鸟
2022-08-11 / 0 评论 / 42 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2022年08月11日,已超过865天没有更新,若内容或图片失效,请留言反馈。

效果图
代码来了

<!-- 显示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结束 -->
0

评论 (0)

取消
© 2022-2024 菜鸟博客
已运行 00000000 丨 在线人数:1人
备案号 CDN加速 RSS MAP