解题思路:利用JS的Date构造函数 获取当前时间 然后在设定目标时间 剩余时间 = 结束时间 - 当前时间 也就实现了倒计时的功能 具体参考一下代码!
window.onload = function() { // 找到 小时 分钟 秒钟的标签 let [h, m , s] = document.querySelectorAll('.time span'); // 设置结束时间 例如以下时间 let endTime = new Date('2021/12/18 22:00:00'); function handleTime() { // 获取当前时间 let Time = new Date(); // 剩余世间 = 结束时间 - 当前时间 let ms = endTime - Time; // 秒 let second = parseInt(ms / 1000 % 60); // 分 let minute = parseInt(ms / 1000 / 60 % 60); // 时 let hour = parseInt(ms / 1000 / 60 / 60 % 24); // 进行处理并填充到标签 hour < 10 ? h.innerHTML = '0' + hour : h.innerHTML = hour; minute < 10 ? m.innerHTML = '0' + minute : m.innerHTML = minute; second < 10 ? s.innerHTML = '0' + second : s.innerHTML = second; } setInterval(handleTime, 1000); }