原生JS实现运行时间统计

突然想给网站加个运行时间统计,不过也没什么样式要求,所以就简单写了一个小例子。

HTML代码

本站运行时间: 0天 0小时 00分00秒

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;
    }
}

你可能感兴趣的:(原生JS实现运行时间统计)