menu Web-Worker 归档 留言 朋友 致谢 关于
devices rss_feed color_lens more_vert
[教程]丰富多彩的页脚
作者 | 时间

站长前言

本站页脚开源了,任君自取。
因为本站换了主题,所以目前页脚可能与本文不符了。
部分内容使用其他站点的教程(均已注明),如有异议请评论联系站长。


站点运行时间

站点运行时间教程将基于孤影墨香站点的文章[项目开源]本站页脚开源做二次修改。

输出站点运行时间的标签,放到你需要显示的地方。

<div id="RunTime"></div>

计算站点运行时间,输出更改显示的值。

请更改下面的Birthday=new Date("4/1/2020 00:00:00");
按照月/日/年 时:分:秒的格式更改。

<script>
    function show_runtime(){
        window.setTimeout("show_runtime()",1000);
        Birthday=new Date("4/1/2020 00:00:00");
        T=new Date();
        P=(T.getTime()-Birthday.getTime());
        M=24*60*60*1000;
        a=P/M;
        A=Math.floor(a);
        b=(a-A)*24;
        B=Math.floor(b);
        c=(b-B)*60;
        C=Math.floor((b-B)*60);
        D=Math.floor((c-C)*60);
        document.getElementById("RunTime").innerHTML = "本站已安全运行"+A+"天"+B+"小时"+C+"分"+D+"秒";
    }
    show_runtime() ;
</script>

页面加载耗时

输出页面加载耗时的标签,放到你需要显示的地方。

<div id="LoadTime">正在计算页面加载耗时中...</div>

Js 实现代码

<script>
    function GetRunTime() {
        t1 = <?php echo $_SERVER['REQUEST_TIME']; ?> ;
        t1 = t1 * 1000;
        t2 = (new Date().getTime());
        document.getElementById("LoadTime").innerHTML = "本次页面载入耗时:" + (t2 - t1) + " ms";
    }
    
    window.onload = function() {
        GetRunTime();
    }
    
    $(document).on('pjax:send', function() {
        t1 = (new Date().getTime());
    })
    
    $(document).on('pjax:complete', function() {
        t2 = (new Date().getTime());
        document.getElementById("LoadTime").innerHTML = "本次页面载入耗时:" + (t2 - t1) + " ms";
    })
</script>
添加新评论