近期有站长网友看到我的仙踪小栈页脚处:网站稳定运行时长,感觉比较实用,便问我怎么实现的,现在就发布教程
代码部署:
代码一:(本站在用)(整天变色)
显示格式:本站已安全运行: 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">
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
2022年4月10日 22:27 121楼
路过学习
2022年9月13日 16:37 122楼
感谢
2022年9月17日 00:01 123楼
路过学习
2023年4月11日 20:27 124楼
非常好看,喜欢