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

小熊 网站建设评论5,603字数 1360阅读4分32秒阅读模式

一、前言

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

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

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

二、代码部署

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

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

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

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

添加代码如下:

博客已稳定运行:<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 printf(' | 耗时 %.3f 秒 | 查询 %d 次 | 内存 %.2f MB',timer_stop( 0, 3 ),get_num_queries(),memory_get_peak_usage() / 1024 / 1024);?>

添加效果如下图所示:

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

三、总结

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

本站引用自:

http://www.ixianzong.com/333.html
https://cuijiahua.com/wp-content/uploads/2018/01/website_7_1.png

weinxin
公众号
扫码订阅最新深度技术文,回复【资源】获取技术大礼包
小熊