做一个简单的倒计时
<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秒// 取模=取余数 / 60let b = Math.floor((dTime % 3600) / 60);// 直接取余60let c = dTime % 60;span.innerText = `${a}小时${b}分钟${c}秒`;// let m = span;// btn.onclick = function () {// alert("m");// };}, 1000);
因为倒计时一般是24小时开始 所以没有做年月日 需要的可以自行添加