博客底部添加运行天数

之前在逛别人博客时看到有些底部有个博客已运行多少天,感觉可以有,顺便记录下。

js代码:

<script type="text/javascript" language="javascript">
    function setTime() {
        // 博客创建时间秒数,时间格式中,月比较特殊,是从0开始的,所以想要显示5月,得写4才行,如下
        var create_time = Math.round(new Date(Date.UTC(2018, 2, 27, 0, 0, 0))
                .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>
     已存活<span id="htmer_time"></span> 
</span>

我的是typecho的handsome主题,把js代码添加到usr/themes/handsome/component/footer.php的<body>标签下,调用代码添加到usr/themes/handsome/component/footer.php的<div class="wrapper b-t bg-light">标签下,最后显示位置可以自己设置。

Leave a Comment