近期有站长网友看到我的仙踪小栈页脚处:网站稳定运行时长,感觉比较实用,便问我怎么实现的,现在就发布教程
代码部署:
代码一:(本站在用)(整天变色)
显示格式:本站已安全运行: 0 天 0 小时 0 分 00 秒(秒为跑秒)
注意修改11行 ("2017-8-21")为你的时间
<span id="momk"></span><span id="momk" style="color: #ff0000;"></span> <script type="text/javascript"> function NewDate(str) { str = str.split('-'); var date = new Date(); date.setUTCFullYear(str[0], str[1] - 1, str[2]); date.setUTCHours(0, 0, 0, 0); return date; } function momxc() { var birthDay =NewDate("2017-8-21"); var today=new Date(); var timeold=today.getTime()-birthDay.getTime(); var sectimeold=timeold/1000 var secondsold=Math.floor(sectimeold); var msPerDay=24*60*60*1000; var e_daysold=timeold/msPerDay; var daysold=Math.floor(e_daysold); var e_hrsold=(daysold-e_daysold)*-24; var hrsold=Math.floor(e_hrsold); var e_minsold=(hrsold-e_hrsold)*-60; var minsold=Math.floor((hrsold-e_hrsold)*-60); var seconds=Math.floor((minsold-e_minsold)*-60).toString(); document.getElementById("momk").innerHTML = "本站已安全运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"; setTimeout(momxc, 1000); }momxc(); </script> <style> #momk{animation:change 10s infinite;font-weight:800; } @keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}} </style>
代码二:(时间变色)
显示格式:本站已安全运行: 0 天 0 小时 0 分 00 秒(秒为跑秒)
注意修改5行 ("08-21-2017 23:32:13")为你的时间
本站已安全运行: <span id="momk"></span> <script language=javascript> function show_date_time(){ window.setTimeout("show_date_time()", 1000); BirthDay=new Date("08-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=(daysold-e_daysold)*-24; hrsold=Math.floor(e_hrsold); e_minsold=(hrsold-e_hrsold)*-60; minsold=Math.floor((hrsold-e_hrsold)*-60); seconds=Math.floor((minsold-e_minsold)*-60); momk.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ; } show_date_time(); </script> <style> #momk{animation:change 10s infinite;font-weight:800; } @keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}} </style>
代码三:
用Notepad++打开footer.php,把代码放到footer.php中第13和14行之间即可。(注意:修改代码中的建站时间为你自己的)
也就是这个代码的上面一行。
</div><!-- .site-info -->
效果图:
代码四(年月日时分秒)
显示格式:博客已运行:0 年 0 天 0 小时 0 分钟 00 秒(秒为跑秒)
注意修改25行 //北京时间2017-8-21 23:32:13 为你的时间
另外,附上另外一段效果代码
<?php printf(' | 耗时 %.3f 秒 | 查询 %d 次 | 内存 %.2f MB',timer_stop( 0, 3 ),get_num_queries(),memory_get_peak_usage() / 1024 / 1024);?>
这段代码同样放到footer.php中第9和10行之间即可。
<?php echo zm_get_option('footer_inf_t'); > <span class="add-info">
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
2020年6月18日 00:28 101楼
good太棒了
2020年9月26日 12:49 102楼
加油
2020年11月29日 21:04 103楼
路过学习
2020年12月8日 12:33 104楼
我就喜欢这个。
2021年1月12日 17:20 105楼
来看看
2021年1月25日 08:08 106楼
来看看
2021年1月28日 14:16 107楼
支持
2021年2月18日 14:20 108楼
感谢分享~
2021年4月29日 21:23 109楼
学习
2021年5月25日 10:47 110楼
看看x年x天x时x分
2021年6月15日 15:50 111楼
你好,小白来学习。
2021年7月12日 15:18 112楼
太棒了
2021年9月3日 15:02 113楼
可以的
2021年9月9日 22:14 114楼
nice!太棒了
2021年10月21日 11:42 115楼
学习·了。
2021年11月6日 20:47 116楼
棒
2021年12月22日 15:30 117楼
来看看
2022年2月26日 17:40 118楼
。。。。。。。。。。。。。。。。牛
2022年3月7日 17:48 119楼
路过学习
2022年4月10日 22:27 120楼
路过学习