begin主题网站页脚实现显示运行时长功能

二龙
二龙
二龙
147
文章
5
评论
2020年1月9日17:43:59 2 133 2844字阅读9分28秒

一、前言

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

begin主题网站页脚实现显示运行时长功能

二、功能实现

对于懂代码童鞋,直接在主题的footer.php文件进行修改,添加如下代码:

  1. 本站已稳定运行:<SPAN id=span_dt_dt style="color: #2F889A;"></SPAN> <SCRIPT language=javascript>function show_date_time(){
  2. window.setTimeout("show_date_time()", 1000);
  3. BirthDay=new Date("1/5/2019 12:00:00");
  4. today=new Date();
  5. timeold=(today.getTime()-BirthDay.getTime());
  6. sectimeold=timeold/1000
  7. secondsold=Math.floor(sectimeold);
  8. msPerDay=24*60*60*1000
  9. e_daysold=timeold/msPerDay
  10. daysold=Math.floor(e_daysold);
  11. e_hrsold=(e_daysold-daysold)*24;
  12. hrsold=Math.floor(e_hrsold);
  13. e_minsold=(e_hrsold-hrsold)*60;
  14. minsold=Math.floor((e_hrsold-hrsold)*60);
  15. seconds=Math.floor((e_minsold-minsold)*60);
  16. 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> 秒';
  17. }
  18. show_date_time();</script>

注意:修改代码中的建站时间为你自己的建站时间(1/5/2019 12:00:00)即可。

而对于像二龙博主一样不懂代码的童鞋可以如下操作:

打开WordPress后台——外观——主题选项——SEO,找到“流量统计代码(同步)”,将上述代码直接粘贴进去就好,如下图:

begin主题网站页脚实现显示运行时长功能

三、总结一下

通过上述方法就可以实现本站的运行时间统计功能了,而对于不太懂代码的童鞋来说,也算是一种方法。二龙博主也是自己记录一下,方便日后查看。

四,新样式更新

添加如下代码:进打开WordPress后台——外观——主题选项——SEO,找到“流量统计代码(同步)”,不要忘记改掉时间哦

  1. 博客已运行:<span id="sitetime" style="color: #0196e3;"></span>
  2. <script language=javascript>
  3.     function siteTime(){
  4.         window.setTimeout("siteTime()"1000);
  5.         var seconds = 1000;
  6.         var minutes = seconds * 60;
  7.         var hours = minutes * 60;
  8.         var days = hours * 24;
  9.         var years = days * 365;
  10.         var today = new Date();
  11.         var todayYear = today.getFullYear();
  12.         var todayMonth = today.getMonth()+1;
  13.         var todayDate = today.getDate();
  14.         var todayHour = today.getHours();
  15.         var todayMinute = today.getMinutes();
  16.         var todaySecond = today.getSeconds();
  17.         /* Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)
  18.         year - 作为date对象的年份,为4位年份值
  19.         month - 0-11之间的整数,做为date对象的月份
  20.         day - 1-31之间的整数,做为date对象的天数
  21.         hours - 0(午夜24点)-23之间的整数,做为date对象的小时数
  22.         minutes - 0-59之间的整数,做为date对象的分钟数
  23.         seconds - 0-59之间的整数,做为date对象的秒数
  24.         microseconds - 0-999之间的整数,做为date对象的毫秒数 */
  25.         var t1 = Date.UTC(2016,1,1,00,00,00); //北京时间2016-12-1 00:00:00
  26.         var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);
  27.         var diff = t2-t1;
  28.         var diffYears = Math.floor(diff/years);
  29.         var diffDays = Math.floor((diff/days)-diffYears*365);
  30.         var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);
  31.         var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);
  32.         var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);
  33.         document.getElementById("sitetime").innerHTML=+diffYears+"年"+diffDays+"天"+diffHours+"时"+diffMinutes+"分钟"+diffSeconds+"秒";
  34.     }
  35.     siteTime();
  36. </script>

begin主题网站页脚实现显示运行时长功能

继续阅读
weinxin
我的微信
这是我的微信扫一扫
二龙
  • 文本由 发表于 2020年1月9日17:43:59
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
增加说说功能,说说文章界面错位 站点更新

增加说说功能,说说文章界面错位

一、博客现状 目前博客基本成型,还存在我唯一的缺憾,就是发表说说后,页面出现错位。 例如:这是一条测试说说 二、理想是这样的 正常应该是这样的: 三、求助大佬老铁 我这个问题怎么解决呢?
匿名

发表评论

匿名网友 填写信息

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

评论:2   其中:访客  1   博主  1
    • avatar 特别二 @回复 0

      路过路过,博主坚持下去。

        • 二龙博主 二龙博主 博主 @回复

          @特别二 兴趣爱好全凭坚持 :mrgreen: