在陈德馨制作的《松松主题》自适应主题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文件中即可，而且不用多次调用，可以省略单独保存和单独调用这个步骤。

来源：陈德馨博客（微信/QQ号：35435164），转载请保留出处和链接！

地址：https://www.chendexin.com/archives/385.html