WordPress添加FPS帧率显示[WP教程]

统一声明: 此源码仅供学习研究之用,请勿商用或者其他违法用途,产生其他后果与本站无关 游戏源码我也不懂,搬运的其他精品游戏论坛的源码(大部分带视频教程,质量应该不错)。 本站仅更换了下解压密码,其他的一点没动
WordPress添加FPS帧率显示[WP教程] 插图1

WordPress添加FPS帧率显示[WP教程] 插图2

前言

我们经常打游戏时非常的关注游戏里的帧率的变化,游戏帧越低就越容易卡段,那么我们是否也可以给网站弄个FPS帧率显示呢?毋庸置疑当然可以啦,如果注意观察我网站的左上角,就会发现有xxFPS这几个字不断的发生变化,没错,它就是今天的主角FPS。其实非常的简单,只需一句js代码即可实现!今天就给大家分享一下WordPress添加帧率显示的教程,请往下看!

食用教程

  • 你只需在网站管理后台—》主题设置—》自定义代码—》自定义javascript代码,把下面的js代码复制粘贴到里面即可。
    // FPS帧
    $('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();
    })();

     

WordPress添加FPS帧率显示[WP教程] 插图3
温馨提示:本文最后更新于2022-01-02 15:50:52,某些文章具有时效性,若有错误或已失效,请在下方留言或联系Admin
------本页已结束,限时58元尊贵特权------

感谢您的来访,获取更多精彩文章请收藏本站。

原发站点
紫禁源码资源站
隐私政策
privacy-policy
用户协议
agreement
许可协议
NC-SA 4.0
© 版权声明
THE END
距离 特权优惠结束 还有00天15:28:48,结束后入群恢复原价,需要就不要错过 —-》点我开通《—- 源码介绍:
点赞7打赏 分享
评价 共1条

请登录后发表评论