expr

如何为自己的网站添加运行时间?

添加运行时间代码

<style>
.blockquote1 {
    padding: 10px 20px;
    margin: 0 0 20px;
    background-color: #f5f5f5;
    border-radius: 10px;
}.blockquote1 {
    color: #555;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    /* line-height: 1.2631578947; */
}
</style>
<p  class="blockquote1" style="text-align:center">本站成立于2023年,已运行<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() {
    // 博客创建时间秒数,时间格式中,月比较特殊,是从0开始的,所以想要显示5月,得写4才行,如下
    var create_time = Math.round(new Date(Date.UTC(2023, 3, 26, 0, 0, 0))
            .getTime() / 1000);
    // 当前时间秒数,增加时区的差异
    var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
    currentTime = secondToDate((timestamp - create_time));
    currentTimeHtml =  
 currentTime[1] + '天'
            + currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]
            + '秒';
    document.getElementById("htmer_time").innerHTML = currentTimeHtml;
}
setInterval(setTime, 1000);
</script>
<span id="htmer_time" style="color: black;"></span></p>

效果预览

除非特别注明,本站所有文字均为原创文章,作者:Fish

No Comment

留言

电子邮件地址不会被公开。 必填项已用*标注

发表留言请遵守中华人民共和国有关法律、法规,尊重网上道德