08月25, 2018

原生JS实现运行时间统计

HTML代码

<p id="runtime">本站运行时间: 0天 0小时 00分00秒</p>

JS代码

window.onload = function(){
    // 开始时间
    var start = new Date("2017/3/2 6:12:00").getTime();
    setInterval(function(){
        // 现在
        var now = new Date().getTime();
        // 运行总时间
        var run = now -  start;
        // 总秒
        var sumSeconds = parseInt(run / 1000);
        // 天数
        var d = parseInt(sumSeconds / 86400);
        // 小时
        var h = parseInt(sumSeconds % 86400 / 3600);
        // 分钟
        var min = size(parseInt(sumSeconds / 60 % 60));
        // 秒
        var m = size(parseInt(sumSeconds % 60));
        // 插入
        document.querySelector('#runtime').innerHTML = "本站运行时间: " + d + "天 " + h + "小时 " + min + "分" + m + "秒";
    }, 1000)
    // 小于10的数,前边增加一个0
    function size(d){
        return d < 10 ? '0' + d : d;
    }
}

本文链接:http://www.mobai.pro/post/runtime.html

-- EOF --

Comments