<div>距离过年还有:<span></span></div>
<script>
let div = document.querySelector("div");
let span = document.querySelector("span");
// 获取未来时间戳
let future = +new Date("2024-2-10 00:00:00");
// 获取当下时间的时间戳 => 实际开发中 当下时间一般从后台服务器获取
let now = +new Date();
// 获取两个时间的时间差
let dTime = Math.floor((future - now) / 1000);
console.log(dTime);
// 开启定时器 一秒钟执行一次
let id = setInterval(function () {
// 将对应的秒数每一秒自行减一
dTime--;
// 当倒计时结束时 进行一个收尾工作 使用判断条件
if (dTime <= 0) {
// 清除定时器
clearInterval(id);
return;
}
// 将对应的秒数转换成易于阅读的时分秒
// 1小时 = 3600秒
let a = Math.floor(dTime / 3600);
// 一分钟 = 60秒
// 取模=取余数 / 60
let b = Math.floor((dTime % 3600) / 60);
// 直接取余60
let c = dTime % 60;
span.innerText = `${a}小时${b}分钟${c}秒`;
// let m = span;
// btn.onclick = function () {
// alert("m");
// };
}, 1000);
因为倒计时一般是24小时开始 所以没有做年月日 需要的可以自行添加