原生JS實(shí)現(xiàn)運(yùn)行時(shí)間統(tǒng)計(jì)

突然想給網(wǎng)站加個(gè)運(yùn)行時(shí)間統(tǒng)計(jì),不過也沒什么樣式要求,所以就簡(jiǎn)單寫了一個(gè)小例子。

HTML代碼

<p id="runtime">本站運(yùn)行時(shí)間: 0天 0小時(shí) 00分00秒</p>

JS代碼

window.onload = function(){
    // 開始時(shí)間
    var start = new Date("2017/3/2 6:12:00").getTime();
    setInterval(function(){
        // 現(xiàn)在
        var now = new Date().getTime();
        // 運(yùn)行總時(shí)間
        var run = now -  start;
        // 總秒
        var sumSeconds = parseInt(run / 1000);
        // 天數(shù)
        var d = parseInt(sumSeconds / 86400);
        // 小時(shí)
        var h = parseInt(sumSeconds % 86400 / 3600);
        // 分鐘
        var min = size(parseInt(sumSeconds / 60 % 60));
        // 秒
        var m = size(parseInt(sumSeconds % 60));
        // 插入
        document.querySelector('#runtime').innerHTML = "本站運(yùn)行時(shí)間: " + d + "天 " + h + "小時(shí) " + min + "分" + m + "秒";
    }, 1000)
    // 小于10的數(shù),前邊增加一個(gè)0
    function size(d){
        return d < 10 ? '0' + d : d;
    }
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,234評(píng)論 25 708
  • 1、通過CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請(qǐng)求組件 FMDB本地?cái)?shù)據(jù)庫(kù)組件 SD...
    陽明AI閱讀 16,215評(píng)論 3 119
  • 古琴奏響,檀香縈繞。我的神魂縱橫四野,無所不達(dá)。 循著舊路,拾級(jí)而上。青色的石階泛出幽光,天跡似明亦暗。忽地跌落谷...
    相期邈云漢閱讀 346評(píng)論 0 1
  • 環(huán)境的搭建 1.創(chuàng)建好工程之后,就可以開始了,首先改下App的名字,如下 2.更改App的圖標(biāo),將圖標(biāo)拖到AppI...
    聽丶死亡在唱歌閱讀 290評(píng)論 0 1
  • 作者:陳維賢 來源:運(yùn)營(yíng)研究社 “在公眾號(hào)【運(yùn)營(yíng)研究社】回復(fù)關(guān)鍵詞“復(fù)盤案例”,即可獲得不同展示場(chǎng)景使用的復(fù)盤樣式...
    Sting閱讀 1,681評(píng)論 0 3

友情鏈接更多精彩內(nèi)容