侧边栏壁纸
    • 累计撰写 230 篇文章
    • 累计收到 620 条评论
    为网站左上角加入js实现FPS帧率显示
    2022-06-19  70 阅读 0 评论 0 点赞
    温馨提示:
    本文最后更新于2022年06月19日,已超过849天没有更新,若内容或图片失效,请留言反馈。

    前言

      不是只有游戏才有帧率,网站也有,直接上才艺。

    代码

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

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

    海报

    正在生成.....

    评论 (0)

    取消