WordPress教程:运用JS显示网站运行时间

2017年4月24日10:47:31 3 995
本文最后更新于2017年4月26日,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

喜欢经常逛网站的朋友们,细心的话会发现,许多网站底部会显示本站稳定运行XX年XX天,甚至后面还显示XX时、XX秒。

个人还是比较喜欢这东西的,所以看了下代码,收集了过来,在这里分享两种方法给大家,有需要的朋友直接修改下日期然后搬过去就可以使用了。演示的话本站没有做了,在用begin2.0的时候也是放了一个的,现在取消了,只有图片给大家了。

WordPress教程:运用JS显示网站运行时间

方法一:只显示运行天数

这个简单很多,只显示运行天数,代码如下:

  1. 本站已安全运行了
  2. <b>
  3. <strong>
  4. <script language = "JavaScript"type = "text/javascript" >
  5. var urodz = new Date("12/19/2014");
  6. var now = new Date();
  7. var ile = now.getTime() - urodz.getTime();
  8. var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
  9. document.write( + dni)
  10. </script>
  11. </strong>
  12. </b>

其中12是月份,19是日期,2014是年数,根据自己情况修改一下即可,然后把代码复制到你想要显示的地方。

方法二:显示XX年XX天XX时XX秒

这个相对上面那个来说代码比较多,不过也是Copy过去修改个日期即可,看代码:

  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, 07, 09, 6, 6, 6)).getTime() / 1000);
  32.         var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
  33.         currentTime = secondToDate((timestamp - create_time));
  34.         currentTimeHtml = currentTime[0] + '年' + currentTime[1] + '天'
  35.                 + currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]
  36.                 + '秒';
  37.         document.getElementById("htmer_time").innerHTML = currentTimeHtml;
  38.     }
  39.     setInterval(setTime, 1000);
  40. </script>

把上面代码复制到网页文件中,然后在你想显示的地方贴上这么一句代码即可:

  1. 网站稳定运行:<span id="htmer_time" style="color: red;"></span>

具体CSS样式自行修改,上面代码中2015,07,09,6,6,6分别对应年、月、日、时、分、秒,根据自己实际修改即可。

以上。



版权声明:本文由江西SEO原创或整理发布,欢迎分享! 更多优化知识请查看 SEO教程

本文链接:https://www.zhushuming.cn/2001.html

  • 博客之家
  • 博客之家,本站的资源收集于群里以便下载。当然,更多的是建站知识交流~
  • weinxin
  • SEO优化交流群
  • SEO优化交流群,交流seo优化技巧。860716446
  • weinxin

发表评论

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

目前评论:3   其中:访客  2   博主  1

    • muse muse 0

      请问是复制到footer.php里么?

      • 箜篌 箜篌 0

        想问下,为什么用了begin主题,评论出错?