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

2017年9月19日23:03:16 84 4,707

近期有站长网友看到我的仙踪小栈页脚处:网站稳定运行时长,感觉比较实用,便问我怎么实现的,现在就发布教程

 

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

 

代码部署:

 

代码一:(本站在用)(整天变色)

  1. <span id="momk"></span><span id="momk" style="color: #ff0000;"></span>
  2. <script type="text/javascript">
  3. function NewDate(str) {
  4. str = str.split('-');
  5. var date = new Date();
  6. date.setUTCFullYear(str[0], str[1] - 1, str[2]);
  7. date.setUTCHours(0000);
  8. return date;
  9. }
  10. function momxc() {
  11. var birthDay =NewDate("2017-8-21");
  12. var today=new Date();
  13. var timeold=today.getTime()-birthDay.getTime();
  14. var sectimeold=timeold/1000
  15. var secondsold=Math.floor(sectimeold);
  16. var msPerDay=24*60*60*1000; var e_daysold=timeold/msPerDay;
  17. var daysold=Math.floor(e_daysold);
  18. var e_hrsold=(daysold-e_daysold)*-24;
  19. var hrsold=Math.floor(e_hrsold);
  20. var e_minsold=(hrsold-e_hrsold)*-60;
  21. var minsold=Math.floor((hrsold-e_hrsold)*-60); var seconds=Math.floor((minsold-e_minsold)*-60).toString();
  22. document.getElementById("momk").innerHTML = "本站已安全运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
  23. setTimeout(momxc, 1000);
  24. }momxc();
  25. </script>  <style>
  26. #momk{animation:change 10s infinite;font-weight:800; }
  27. @keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
  28. </style>

 

代码二:(时间变色)

  1. 本站已安全运行:
  2. <span id="momk"></span>
  3. <script language=javascript>
  4. function show_date_time(){
  5. window.setTimeout("show_date_time()"1000);
  6. BirthDay=new Date("08-21-2017 23:32:13");//建站日期
  7. today=new Date();
  8. timeold=(today.getTime()-BirthDay.getTime());
  9. sectimeold=timeold/1000
  10. secondsold=Math.floor(sectimeold);
  11. msPerDay=24*60*60*1000
  12. e_daysold=timeold/msPerDay
  13. daysold=Math.floor(e_daysold);
  14. e_hrsold=(daysold-e_daysold)*-24;
  15. hrsold=Math.floor(e_hrsold);
  16. e_minsold=(hrsold-e_hrsold)*-60;
  17. minsold=Math.floor((hrsold-e_hrsold)*-60);
  18. seconds=Math.floor((minsold-e_minsold)*-60);
  19. momk.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
  20. }
  21. show_date_time();
  22. </script>
  23. <style>
  24. #momk{animation:change 10s infinite;font-weight:800; }
  25. @keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
  26. </style>

 

代码三:

用Notepad++打开footer.php,把代码放到footer.php中第1314行之间即可。(注意:修改代码中的建站时间为你自己的

也就是这个代码的上面一行。

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

 

此处为隐藏的内容!
发表评论并刷新,方可查看

效果图:

 

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

 

代码四(年月日时分秒)

  1. <script language=javascript>
  2.     function siteTime(){
  3.         window.setTimeout("siteTime()"1000);
  4.         var seconds = 1000;
  5.         var minutes = seconds * 60;
  6.         var hours = minutes * 60;
  7.         var days = hours * 24;
  8.         var years = days * 365;
  9.         var today = new Date();
  10.         var todayYear = today.getFullYear();
  11.         var todayMonth = today.getMonth()+1;
  12.         var todayDate = today.getDate();
  13.         var todayHour = today.getHours();
  14.         var todayMinute = today.getMinutes();
  15.         var todaySecond = today.getSeconds();
  16.         var t1 = Date.UTC(2017,08,21,23,32,13); //北京时间
  17.         var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);
  18.         var diff = t2-t1;
  19.         var diffYears = Math.floor(diff/years);
  20.         var diffDays = Math.floor((diff/days)-diffYears*365);
  21.         var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);
  22.         var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);
  23.         var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);
  24.         document.getElementById("sitetime").innerHTML=" 已运行 "+diffYears+" 年 "+diffDays+" 天 "+diffHours+" 小时 "+diffMinutes+" 分钟 "+diffSeconds+" 秒";
  25.     }
  26.     siteTime();
  27. </script>

 

另外,附上另外一段效果代码

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

 

这段代码同样放到footer.php中第910行之间即可。

 

  1. <?php echo zm_get_option('footer_inf_t');  >
  2.             <span class="add-info">

 

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

 

  • 我的QQ
  • QQ扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin

发表评论

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

目前评论:84   其中:访客  83   博主  0

    • 清知枫 清知枫 来自天朝的朋友 河南省郑州市 联通 0

      感谢分享!!!!!!!!!!!!

      • 铭文系统 铭文系统 来自天朝的朋友 广东省广州市 移动 0

        学习学习…

        • test test 来自天朝的朋友 上海市闵行区 电信 1

          看一看!!!!!!!!!!!!!!!!!!!!!!

          • dasdas dasdas 来自天朝的朋友 广西南宁市 电信 0

            大苏打大地方 打石

            • huzi huzi 来自天朝的朋友 河南省郑州市 联通 4

              谢谢楼主

              • jiaowa.ren jiaowa.ren 来自天朝的朋友 江苏省南京市 移动 3

                各种各样

                • ggr ggr 来自天朝的朋友 河南省安阳市 联通 0

                  看看行不行

                  • huzi huzi 来自天朝的朋友 河南省郑州市 电信 0

                    谢谢楼主大大

                    • 小白 小白 日本 0

                      向大佬学习

                      • 请输入您的QQ号 请输入您的QQ号 来自天朝的朋友 浙江省杭州市 电信 0

                        谢谢博主分享

                        • GQL119871 GQL119871 这家伙可能用了美佬的代理 美国 2

                          谢谢分享

                          • GQL119871 GQL119871 这家伙可能用了美佬的代理 美国 2

                            学习一下

                            • 雄安亚宁 雄安亚宁 来自天朝的朋友 中国 移动 0

                              网站稳定运行网站稳定运行

                              • cherish cherish 来自天朝的朋友 河南省郑州市 联通 1

                                学习学习。。。。。。。。。。

                                • 清云 清云 来自天朝的朋友 辽宁省阜新市 联通 2

                                  学习学习。。。。。。。。。

                                  • 森林 森林 欧洲和中东地区 0

                                    学习学习。

                                    • rm -rf/ rm -rf/ 来自天朝的朋友 QQ浏览器  Android 8.1.0 DUB-AL00 Build/HUAWEIDUB-AL00 陕西省西安市 电信 1

                                      k可以

                                      • 嘻哈猴 嘻哈猴 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省苏州市 电信 2

                                        感谢

                                        • 1122 1122 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省苏州市 电信 1

                                          学习一波