<div class="container"> <div class="header">淘淘秒杀</div> <p> <span class="hour">00</span> <span class="minute">00</span> <span class="second">00</span> </p> </div> <script> var hour = document.querySelector('.hour'); //小时的盒子 var minute = document.querySelector('.minute'); //分钟的盒子 var second = document.querySelector('.second'); //秒数 var inputTime = +new Date('2023-6-31 18:00:00'); //返回的是用户输入时间总的毫秒数 console.log(inputTime); countDown(); //我们先调用一次这个函数，防止第一次刷新页面有空白 // 2.开启定时器 setInterval(countDown,1000); function countDown() { var nowTime = +new Date(); //返回的是当前时间总的总的毫秒数 var times = (inputTime - nowTime) /1000; //times是剩余的总的秒数 var h = parseInt(times / 60 / 60 % 24); //时 h = h < 10 ? '0' + h : h; hour.innerHTML = h; //把剩余的小时 给小时的盒子 var m = parseInt(times / 60 % 60); //分 m = m < 10 ? '0' + m : m; minute.innerHTML = m; var s = parseInt(times % 60); //当前的秒 s = s < 10 ? '0' + s : s; second.innerHTML = s; }

这段代码是一个倒计时的功能，通过获取用户输入的时间，计算出距离输入时间还有多少秒，然后将小时、分钟和秒数分别显示在页面上。这个倒计时是通过 JavaScript 的 Date 对象来实现的，通过获取当前时间和用户输入的时间，计算出时间差，然后将时间差转换为小时、分钟和秒数，最后将这些数值显示在页面上。这个倒计时会在用户输入的时间到达时停止计时。