倒计时

<div  id = time ></div>      //  先创建一个盒子来存放时间

<script>

　　　　

　　function  showTime () {

　　　    var  date = +new Date () ；    // 获取当前时间的毫秒数

　　　　var  inputDate = +new Date ( ' 2022/6/15  00:00:00 ' ) ;   //  获取用户输入时间的毫秒数   这里的时间我写成了 2022/6/15 00:00:00

　　　　var  times =  （ inputDate - date ）/ 1000 ；   //  拿用户输入的时间减去现在的时间 就是剩余总的毫秒数  /1000 得到的是总剩余的秒数

　　　　var  day =   parseInt ( times / 60 / 60 / 24 ) ; //  天

　　　　day = day < 10 ? ' 0 ' + day : day ;

　　　　var  hours = parseInt( times / 60 / 60 % 24) ; // 小时

　　　　hours = hours < 10 ? ' 0 ' + hours : hours ;

 　　　   var  minutes = parseInt( times / 60 % 60 ) ;  // 分钟

　　　　minutes = minutes < 10 ? ' 0 ' + minutes : minutes ;

　　　    var  seconds = parseInt( times % 60 ) ; // 秒

　　　　seconds = second < 10 ? ' 0 ' + second : second ;

　　　　var str  =  day + ' 天 ' + hours + ' 时 '  + minutes  + ' 分 '  +  seconds + ' 秒 ' ;  //  拼接成字符串形式

　　　　var time = document.querySelector ( ' #time ') ;   // 获取 id名为time的对象 

　　　　time.innerHTML =  str ;  //  把str放入time这个对象中

　　}

　　showTime();

　　setInterval (showTime , 1000 );   // 回调函数  周期调用，经过1000毫秒后，再次重复调用

 

</script>