<div class="box">
        <span class="one">限时秒杀</span>
        <span id="d"  class="one"></span>
        <span  class="one">:</span>
        <span id="h"  class="one"></span>
        <span  class="one">:</span>
        <span id="m"  class="one"></span>
        <span  class="one">:</span>
        <span id="s"  class="one"></span>
    </div> 
     <script>
        //设置秒杀结束时间
        var endTime=new Date('2021-10-1 00:00:00'),endSeconds=endTime.getTime();
        //定义变量保存剩余的时间
        var d=h=m=s=0;
        //设置定时器，实现限时秒杀结果
        var id=setInterval(limit,1000);
        //定义函数
        function limit(){
            //获取当前时间
            var nowTime=new Date();
            //获取时间差，单位为秒
            var timeDiffenert=parseInt((endSeconds-nowTime.getTime())/1000);
            // console.log(timeDiffenert);
            //判断秒杀是否过期
            if(timeDiffenert>0){
                //计算剩余天数（除以60*60*24取整，获取剩余天数）
                d=parseInt(timeDiffenert/86400);
                //计算剩余小时（除以60*60转换为小时，与24取模，获取剩余天数）
                h=parseInt((timeDiffenert/3600)%24);
                //计算剩余分钟（除以60转为分钟，与60取模，获取剩余的分钟）
                m=parseInt((timeDiffenert/60)%60);
                //计算剩余秒（与60取模，获取剩余的秒数）
                s=parseInt(timeDiffenert%60);
                //统一利用两位数表示剩余的天、小时、分钟、秒
                d = d<10 ? '0'+d:d;
                h = h<10 ? '0'+h:h;
                m = m<10 ? '0'+m:m;
                s = s<10 ? '0'+s:s;
            }else{
                //秒杀过期，取消定时器
                clearInterval(id);
                d=h=m=s='00';
            }
            //将剩余的天、小时、分钟、秒显示到网页中
            document.getElementById('d').innerHTML=d+'天';
            document.getElementById('h').innerHTML=h+'天';
            document.getElementById('m').innerHTML=m+'天';
            document.getElementById('s').innerHTML=s+'天';
        }
    </script>