原生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;
    }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,644评论 25 709
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,032评论 3 119
  • 古琴奏响,檀香萦绕。我的神魂纵横四野,无所不达。 循着旧路,拾级而上。青色的石阶泛出幽光,天迹似明亦暗。忽地跌落谷...
    相期邈云汉阅读 328评论 0 1
  • 环境的搭建 1.创建好工程之后,就可以开始了,首先改下App的名字,如下 2.更改App的图标,将图标拖到AppI...
    听丶死亡在唱歌阅读 249评论 0 1
  • 作者:陈维贤 来源:运营研究社 “在公众号【运营研究社】回复关键词“复盘案例”,即可获得不同展示场景使用的复盘样式...
    Sting阅读 1,646评论 0 3