-
在陈德馨制作的《松松主题》自适应主题PHP升级版 主题中是自带网站运行时间的,可能一些常逛网站的朋友会发现有些网站底部会显示本站稳定运行XX年XX天,甚至后面还显示XX时、XX秒。其实要实现这个功能是很简单的,今天就来说说用JavaScript实现显示网站运行时间的方法。
方法一:只显示运行天数
这个就超级简单咯,只显示运行天数,代码如下:
本站已安全运行
<b> <strong> <script language = "JavaScript"type = "text/javascript" > var urodz = new Date("10/03/2011"); var now = new Date(); var ile = now.getTime() - urodz.getTime(); var dni = Math.floor(ile / (1000 * 60 * 60 * 24)); document.write( + dni) </script> </strong> </b> 天
其中10是月份,03是日期,2011是年数,根据自己情况修改一下即可,然后把代码复制到你想要显示的地方。
方法二:显示XX年XX天XX时XX秒,秒数还是一秒一秒的走动。
这个相对上面那个来说代码比较多,不过也是Copy过去修改个日期即可,看代码:
<script> function secondToDate(second) { if (!second) { return 0; } var time = new Array(0, 0, 0, 0, 0); if (second >= 365 * 24 * 3600) { time[0] = parseInt(second / (365 * 24 * 3600)); second %= 365 * 24 * 3600; } if (second >= 24 * 3600) { time[1] = parseInt(second / (24 * 3600)); second %= 24 * 3600; } if (second >= 3600) { time[2] = parseInt(second / 3600); second %= 3600; } if (second >= 60) { time[3] = parseInt(second / 60); second %= 60; } if (second > 0) { time[4] = second; } return time; } </script> <script type="text/javascript" language="javascript"> function setTime() { var create_time = Math.round(new Date(Date.UTC(2011, 10, 03, 8, 8, 8)).getTime() / 1000); var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000); currentTime = secondToDate((timestamp - create_time)); currentTimeHtml = currentTime[0] + '年' + currentTime[1] + '天' + currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4] + '秒'; document.getElementById("run_time").innerHTML = currentTimeHtml; } setInterval(setTime, 1000); </script>
上面代码中2011,10,03,8,8,8分别对应年、月、日、时、分、秒,根据自己实际修改即可。
把上面代码复制保存为JS文件,然后在需要显示的网页中调用改JS文件,并且在需要显示的地方贴上代码即可。
演示:(假如上面的文件保存为了runtime.js,这里就以Z-blog为例)
需要显示网站运行时间的网页需要先调用该JS代码:
<script src="https://www.chendexin.com/zb_users/theme/dexin/script/runtime.js" type="text/javascript"></script>
在需要显示的地方贴上以下代码:
网站稳定运行:<span id="run_time" style="color: red;"></span>
以上的绝对路径和网站颜色,请根据自己的需求进行修改即可。
当然,第二种方法,你也可以直接采取把JS代码复制到网页文件中,然后在你想显示的地方贴上调用代码即可。不过个人建议还是采取JS调用的方法,因为一个网站多多少少都需要调用一些主题之类自带的JS文件,直接把上面的代码添加到你主题原有的JS文件中即可,而且不用多次调用,可以省略单独保存和单独调用这个步骤。
JavaScript显示网站运行时间
3286人参与 |分类: 站长百科|时间: 2016年06月15日
相关文章
- 2020-01-10作为站长应该懂得的7大搜索引擎站长平台
- 2019-10-22个人博客网站用什么程序比较好?
- 2019-10-12头条搜索站长平台如何添加网站和sitemap文件?附图文教程
- 2019-09-26PHP环境下是选择Apache和Nginx?
- 2019-09-11网站运维人员必做的7项网站维护工作
- 2019-08-26现在还要必要坚持做PC网站或个人博客吗?
- 2019-08-03宝塔面板+云锁nginx自编译web防护的图文教程
- 2019-07-08解决国内主机服务器 WordPress 后台异常卡顿的问题
- 2019-07-02网站启用SSL自动301跳转到HTTPS教程
- 2019-06-06宝塔/BT面板内存占用MySQL频繁崩溃自动重启方法