计算倒计时

倒计时一般显示规则:距离xxx还有x天,x小时,x分,x秒
所以我们不必在意年和月
效果图如下:
在这里插入图片描述
代码如下:

 <p id="p"></p>
    <script>
        function task(){
            var now=new Date();//获取当前计算机的时间
        var target=new Date("2019/10/5 10:20:00");//获取距离目标的时间
        var s=parseInt((target-now)/1000)//时间差转换成秒数
        var d=parseInt(s/3600/24)//天
        if(d<10) d="0"+d;
        var h=parseInt((s%(3600*24)/3600))//对天数求余数剩下的是秒数是小时对应的秒数
        if(h<10) h="0"+h
        var m=parseInt(s%3600/60)//分
        if(m<10) m="0"+m
        var s=s%60//秒
        if(s<10) s="0"+s
            p.innerHTML=`距离2019/10/5 10:20:00还有${d}天,${h}小时,${m}分钟,${s}秒`
        }
      task();//先手动执行一次,为了把setInterval的先滞时间留补上
      setInterval(task,1000)//调用周期性定时器
        </script>

猜你喜欢

转载自blog.csdn.net/weixin_44494811/article/details/88091537
今日推荐