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

站点建设419.8K3字数 1529阅读5分5秒阅读模式

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

 文章源自亦枫博客-https://yflad.cn/1053.html

 文章源自亦枫博客-https://yflad.cn/1053.html

1、打开主题目录下的[code]footer.php[/code]文件,在[code]</body>[/code]的前面添加如下代码:文章源自亦枫博客-https://yflad.cn/1053.html

  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>

 文章源自亦枫博客-https://yflad.cn/1053.html

2、然后在合适的位置添加如下代码:文章源自亦枫博客-https://yflad.cn/1053.html

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

 文章源自亦枫博客-https://yflad.cn/1053.html

显示效果如图:WordPress教程:网站添加运行时间显示文章源自亦枫博客-https://yflad.cn/1053.html 文章源自亦枫博客-https://yflad.cn/1053.html

继续阅读
扫扫关注公众号
weinxin
我的微信
扫扫体验小程序
weinxin
我的公众号
亦枫
  • 本文由 发表于 2017年6月22日 02:05:03
评论  4  访客  2  作者  2
    • fx
      fx 0

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

        • 亦枫
          亦枫

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

        • chloe
          chloe 0

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

            • 亦枫
              亦枫

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

          匿名

          发表评论

          匿名网友 填写信息

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

          确定

          取消