显示网站运行时间
文章摘自小峰博客，经常逛网站，细心的话会发现，有些网站底部会显示本站稳定运行XX年XX天，甚至后面还显示XX时、XX秒
个人还是比较喜欢这东西的，所以看了下代码，有需要的朋友直接修改下日期然后Copy过去使用即可。
方法一：只显示运行天数
这个简单很多，只显示运行天数，代码如下：
本站已安全运行了<b><strong><script language = "JavaScript"type = "text/javascript" >var urodz = new Date("12/19/2014");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>天其中12是月份，19是日期，2014是年数，根据自己情况修改一下即可，然后把代码复制到你想要显示的地方。
方法二：显示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(2015, 07, 09, 6, 6, 6)).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("htmer_time").innerHTML = currentTimeHtml;
} setInterval(setTime, 1000);</script>把上面代码复制到网页文件中，然后在你想显示的地方贴上这么一句代码即可：
网站稳定运行：<span id="htmer_time" style="color: red;"></span>具体CSS样式自行修改，上面代码中2015，07，09，6，6，6分别对应年、月、日、时、分、秒，根据自己实际修改即可。
注： 博客创建时间秒数，时间格式中，月比较特殊，是从0开始的，所以想要显示5月，得写4才行，如下
var create_time = Math.round(new Date(Date.UTC(2014, 04, 15, 0, 0, 0)) .getTime() / 1000);本文地址：https://cloud.tencent.com/developer/article/1343942
版权声明：本文为原创文章，版权归 witt 所有，欢迎分享本文，转载请保留出处！
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2016/12/19 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
