首页 » 建站手册 » 分享一个自用的毫秒级别建站时间js

分享一个自用的毫秒级别建站时间js

谷歌已收录,更新于2019年07月04日; 如遇到问题,请留言及时通知站长; 欢迎加入 三生三世,讨论各种问题!

说明

建站时间添加方式来自RAW主题,毫秒时间来源网友私下交流。关于毫秒时间,使用了一个判断,如果毫秒时间为两位,则生成0xx,如果毫秒时间为一位,则生成00X,看起来一直是三位数字,就不会出现一秒一个鬼畜的状态。

js

首先,将以下js添加到主题,你可以添加到自己的js文件,也可以添加到footer.php文件中。添加的js文件中,直接添加即可。添加到footer.php,需要用<script></script>包括js代码。如果你觉得毫秒太快,请自行删除下方代码中关于ms的相关代码,再引入即可。

typecho预览

setInterval(function() {
    var start_timestamp = 1528560000000;
    var times = new Date().getTime() - new Date(start_timestamp).getTime();
    times = Math.floor(times);
    var days = Math.floor(times / 1000 / (60 * 60 * 24));
    times %= 60 * 60 * 24000;
    var hours = Math.floor(times / 1000 / (60 * 60));
    times %= 60 * 60000;
    var minutes = Math.floor(times / 60 / 1000);
    times %= 60000;
    var seconds = Math.floor(times / 1000);
    times %= 1000;
    var ms = Math.floor(times);
    if (String(ms).length == 1) {
        ms = "00" + String(ms)
    };
    if (String(ms).length == 2) {
        ms = "0" + String(ms)
    };
    $("#uptime>div").html(days + " 天 " + hours + " 小时 " + minutes + " 分 " + seconds + " 秒 " + ms + " 毫 ")
}, 1);

调用方式

在你想显示建站时间的地方,添加如下代码即可。

<div id="uptime" class="nav-left-panel" style="animation-delay:0.2s">
    <span class="hidden-xs"><i class="fa fa-heart"></i> 感谢陪伴</span>
    <div style="padding:0.5rem 0.3em;text-align: center;line-height: 1.5;">
        <div class="idot"></div><div class="idot"></div><div class="idot"></div>
    </div>
</div>

一个只会魔改主题,而不会制作主题的站长,专业扒各种网站的各种样式。希望每一位来到这里的访客,都能拿到你们需要的资源!

发表评论

已有 4 条评论

  1. 斷情ぁ戒愛 斷情ぁ戒愛说道:

    你这网站打开速度也忒快了吧。2333 羡慕

    1. 枂下 枂下说道:

      大概是主题太简洁了

  2. Quanyin Quanyin说道:

    咦?换主题啦?
    带毫秒闪的有点快啊

    1. 枂下 枂下说道:

      毫秒当然快了😂

返回主页看更多
赏杯咖啡给站长 支付宝 扫一扫