美文网首页
原生JS实现运行时间统计

原生JS实现运行时间统计

作者: 岳晓亮 | 来源:发表于2018-08-15 01:32 被阅读0次

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

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

相关文章

网友评论

      本文标题:原生JS实现运行时间统计

      本文链接:https://www.haomeiwen.com/subject/lgxibftx.html