倒计时的做法

  <style>
     span {
         display: inline-block;
        width: 50px;
        height: 40px;
        line-height: 40px;
        background-color:pink;
     }


    </style>

  <div>
        <span class="hours"></span>
        <span class="minte"></span>
        <span class="second"></span>
    </div> 
<script>
   var hours =document.querySelector('.hours')
   var minte =document.querySelector('.minte')
   var second =document.querySelector('.second')
   var inputTime=+new Date("2020-6-9 16:40:00") //自定义过去的时间
   countDown()  //先调用一次是为了，刷新页面以后能立即看到倒计时，没有空缺
   setInterval(countDown,1000)   //每过一秒执行一次函数
    function  countDown(){
    var nowTime= +new Date()  //现在的时间
    var times =(inputTime-nowTime)/1000  //倒计时的秒数
    var h =parseInt(times/60/60%24)
    h<10 ?'0'+h :h;
    hours.innerHTML=h
    var m =parseInt(times/60%60)
    m<10 ?'0'+m :m;
   minte.innerHTML=m
    var s =parseInt(times%60)
    s<10 ?'0'+s :s;
    second.innerHTML=s
}
</script>