WordPress教程:网站添加运行时间显示

  • A+
所属分类:站点建设

给网站添加运行时间显示,可以显示年月日

 

 

1、打开主题目录下的footer.php文件,在</body>的前面添加如下代码:

  1. <script>
  2.     function secondToDate(second) {
  3.         if (!second) {
  4.             return 0;
  5.         }
  6.         var time = new Array(0, 0, 0, 0, 0);
  7.         if (second >= 365 * 24 * 3600) {
  8.             time[0] = parseInt(second / (365 * 24 * 3600));
  9.             second %= 365 * 24 * 3600;
  10.         }
  11.         if (second >= 24 * 3600) {
  12.             time[1] = parseInt(second / (24 * 3600));
  13.             second %= 24 * 3600;
  14.         }
  15.         if (second >= 3600) {
  16.             time[2] = parseInt(second / 3600);
  17.             second %= 3600;
  18.         }
  19.         if (second >= 60) {
  20.             time[3] = parseInt(second / 60);
  21.             second %= 60;
  22.         }
  23.         if (second > 0) {
  24.             time[4] = second;
  25.         }
  26.         return time;
  27.     }
  28. </script>
  29. <script type="text/javascript" language="javascript">
  30.     function setTime() {
  31.         var create_time = Math.round(new Date(Date.UTC(2015, 5, 12, 0, 0, 0))
  32.                 .getTime() / 1000);
  33.         var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
  34.         currentTime = secondToDate((timestamp - create_time));
  35.         currentTimecurrentTimeHtml = currentTime[0] + '年' + currentTime[1] + '天'
  36.                 + currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]
  37.                 + '秒';
  38.         document.getElementById("htmer_time").innerHTML = currentTimeHtml;
  39.     }
  40.     setInterval(setTime, 1000);
  41. </script>

 

2、然后在合适的位置添加如下代码:

  1. <span id="htmer_time" style="color:#0196e3;"></span>

 

显示效果如图:WordPress教程:网站添加运行时间显示

  • 扫扫关注公众号
  • weinxin
  • 扫扫体验小程序
  • weinxin
亦枫

发表评论

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

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

    • avatar fx 0

      站长,我弄的底部运行时间咋不会实时更新,必须要刷新网页时间才会变

        • 亦枫 亦枫 1

          @fx 方便贴下网址或者私聊发我看看吗?

        • avatar chloe 0

          合适的地方是哪里啊,小白表示有点迷糊

            • 亦枫 亦枫 4

              @chloe 比如你想添加在页面底部,例如我这样。打开主题的footer文件,添加的div里,刷新下页面看下效果。如果你的后台有页脚设置的话,就以文本模式复制进去