文章转载至:Jack Cui–网站美化:修改网站滚动条样式
前言
在网站的页脚添加网站运行时间的显示代码,效果如下:
![图片[1]-Begin主题美化网站页脚添加稳定运行代码-踩坑日记](https://1aii.cn/wp-content/uploads/2025/06/WDYX012-1024x325.png)
一、代码部署
对于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>
注意:修改代码中的建站时间为你自己的建站时间即可。
添加效果如下图所示:
![图片[2]-Begin主题美化网站页脚添加稳定运行代码-踩坑日记](https://1aii.cn/wp-content/uploads/2025/06/WDYX022.png)
除此之外,还有可以添加耗时、查询和内存效果。效果如下图所示:
![图片[3]-Begin主题美化网站页脚添加稳定运行代码-踩坑日记](https://1aii.cn/wp-content/uploads/2025/06/WDYX032-1024x291.png)
同样,在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);?>
添加效果如下图所示:
![图片[4]-Begin主题美化网站页脚添加稳定运行代码-踩坑日记](https://1aii.cn/wp-content/uploads/2025/06/WDYX042.png)
二、总结
添加之后看起来漂亮多了,效果不错。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容