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

2020年1月9日17:43:59 2 1,640 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主题网站页脚实现显示运行时长功能

继续阅读
二龙
  • 本文由 发表于 2020年1月9日17:43:59
阿里巴巴图标库使用方法 折腾网站

阿里巴巴图标库使用方法

主题换用阿里巴巴矢量图标库(Iconfont),与之前使用的 Font Awesome图标,有绝对的优势: 图标字体多 目前Iconfont大概有一百三十多万个,而Font Awesome只有600多...
过年啦,挂灯笼! 折腾网站

过年啦,挂灯笼!

过年挂灯笼是中国的一个习俗,家里挂灯笼,自己博客也是自己的家,当然也要挂一个了。很多年前Flash流行时,网上可以随便找一个Flash动画的灯笼,很方便就可以加到网站主题模板上,如今Flash已成过眼...
WordPress启用又拍云CDN,后台加载不出来 折腾网站

WordPress启用又拍云CDN,后台加载不出来

启用又拍云CDN加速功能 最近废了九牛二虎之力终于给我的二龙博客添加又拍云CDN加速,设置过程中遇到不少问题,具体设置方法以后再补上方法,我遇到一个比较严重严重的问题。那就是:使用了CDN加速后,登录...
匿名

发表评论

匿名网友 填写信息

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

评论:2   其中:访客  1   博主  1
    • 特别二 特别二 1

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

        • 二龙博主 二龙博主

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