网站美化：网站页脚添加稳定运行时长的代码

2018年1月14日20:55:42 5 2,766 °C
摘要

为网站的页脚添加稳定运行时长的代码

网站美化：网站页脚添加稳定运行时长的代码

一、前言

在网站的页脚添加网站运行时间的显示代码，效果如下：

网站美化：网站页脚添加稳定运行时长的代码

二、代码部署

对于Wordpress用户，我们可以打开主题的footer.php文件进行修改。

在适当位置添加下列代码即可，使用知更鸟主题的用户可以将代码放到footer.php文件的第13和14行之间。

也就是下列代码的上一行：

PHP
1
</div><!-- .site-info -->

添加代码如下：

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
博客已稳定运行：<SPAN id=span_dt_dt style="color: #2F889A;"></SPAN> <SCRIPT language=javascript>function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("8/21/2017 23:32:13");
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
span_dt_dt.innerHTML='<font style=color:#C40000>'+daysold+'</font> 天 <font style=color:#C40000>'+hrsold+'</font> 时 <font style=color:#C40000>'+minsold+'</font> 分 <font style=color:#C40000>'+seconds+'</font> 秒';
}
show_date_time();</script>

注意：修改代码中的建站时间为你自己的建站时间即可。

添加效果如下图所示：

网站美化：网站页脚添加稳定运行时长的代码

除此之外，还有可以添加耗时、查询和内存效果。效果如下图所示：

网站美化：网站页脚添加稳定运行时长的代码

同样，在footer.php文件中的适当位置添加代码即可。知更鸟主题的用户可以将代码放到footer.php文件的第9和10行之间即可。

添加代码如下：

PHP
1
<?php printf(' | 耗时 %.3f 秒 | 查询 %d 次 | 内存 %.2f MB',timer_stop( 0, 3 ),get_num_queries(),memory_get_peak_usage() / 1024 / 1024);?>

添加效果如下图所示：

网站美化：网站页脚添加稳定运行时长的代码

三、总结

添加之后看起来漂亮多了，效果不错。

 

本站整理自：

http://www.ixianzong.com/333.html

weinxin
微信公众号
分享技术，乐享生活：微信公众号搜索「JackCui-AI」关注一个在互联网摸爬滚打的潜行者。
Jack Cui

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论：5   其中：访客  3   博主  2

    • avatar 巴黎不美 来自天朝的朋友 搜狗浏览器 Windows 7 江苏省南京市 江苏省广电有线信息网络股份有限公司 0
      回复 2018年9月6日 下午12:10  沙发

      你好博主，请教下，就这个代码框能不能分享一下，我是小白。在GitHub上面链进来的

        • avatar Jack Cui Admin 来自天朝的朋友 谷歌浏览器 Windows 7 辽宁省沈阳市 东北大学三舍南(研究生)
          回复 2018年9月21日 上午8:37  1层

          @巴黎不美 抱歉，才看到。我的是用的代码高亮插件，wordpress的。

        • avatar 立秋 来自天朝的朋友 谷歌浏览器 Windows 10 山东省济南市 联通 1
          回复 2019年4月8日 下午10:55  板凳

          请问你现在网站下面网站运行时间前面跳动的表情包的代码怎么弄的！！！！！

            • avatar Jack Cui Admin 来自天朝的朋友 Safari浏览器 Mac OS X 10_14_3 北京市 百度网讯科技联通节点
              回复 2019年4月9日 上午10:03  1层

              @立秋 css控制的，f12，然后找my-face，扒下样式。

                • avatar 立秋 火狐浏览器5.0 Windows 10 亚太地区 1
                  回复 2019年10月5日 下午6:42  2层

                  @Jack Cui 找my-face,复制下代码放进去还是动不了，惆怅