经常逛网站,细心的话会发现,有些网站底部会显示本站稳定运行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>


备注:var create_time = Math.round(new Date(Date.UTC(2015, 07, 09, 6, 6, 6)).getTime() / 1000);  这里可以修改时间  默认的是3年7个月多

把上面代码复制到网页文件中一般建议是底部文件footer.php里的</body>前 也就是你当前的模板文件,然后在你想显示的地方贴上下面这么一句代码即可:


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


我博客程序直接贴在后台设置里面。

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


如果你不懂可以留言我