浏览页面的计时器的写法

浏览页面的计时器的写法

<body>
    <span></span>
</body>
</html>
<script>
    let ospan=document.getElementsByTagName("span")[0];
    let oldTime=new Date();//这是刚打开页面时的时间
    function tow(n){
            return n>=0&&n<10 ?"0"+n :""+n;
    }
    setInterval(function(){
        var newTime=new Date();//这是实时的当前时间
        var differentTime=newTime.getTime()-oldTime.getTime();
        var seconds=Math.floor(differentTime/1000);
        var day=Math.floor(seconds/86400);
        seconds=seconds%86400;
        var hour=Math.floor(seconds/3600);
        seconds=seconds%3600;
        var minute=Math.floor(seconds/60);
        seconds=seconds%60;
        var str=tow(day)+"<span>天数</span>"
        +tow(hour)+"<span>小时</span>"
        +tow(minute)+"<span>分钟</span>"
        +tow(seconds)+"<span>秒</span>";
        ospan.innerHTML="你已经浏览了"+str;
    },1000)
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值