以下是一个简单的 HTML 倒计时代码，在跨年时会切换为放烟花的效果：
<!DOCTYPE html><html><head><script>// 获取当前时间var currentTime = newDate();
// 设置倒计时结束时间 (年月日时分秒)var endTime = newDate("2022-12-31 23:59:59");
// 计算剩余时间 (毫秒)var remainingTime = endTime.getTime() - currentTime.getTime();
// 如果剩余时间小于 0，则更新结束时间为下一年if (remainingTime < 0) {
endTime = newDate("2023-12-31 23:59:59");
remainingTime = endTime.getTime() - currentTime.getTime();
}
// 更新倒计时functionupdateTimer() {
// 计算剩余时间 (毫秒)
remainingTime = endTime.getTime() - newDate().getTime();
// 如果剩余时间小于等于 0，则显示放烟花效果if (remainingTime <= 0) {
clearInterval(timer);
document.getElementById("countdown").innerHTML = "放烟花！";
return;
}
// 将剩余时间转换为天、小时、分钟和秒var days = Math.floor(remainingTime / (1000 * 60 * 60 * 24));
var hours = Math.floor((remainingTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((remainingTime % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((remainingTime % (1000 * 60)) / 1000);
// 显示倒计时document.getElementById("countdown").innerHTML = days + "天 " + hours + "小时 " + minutes + "分钟 " + seconds + "秒 ";
}
// 每秒更新倒计时var timer = setInterval(updateTimer, 1000);
</script></head><body><divid="countdown"></div></body></html>
上面的
本文转载自: https://blog.csdn.net/weixin_35755434/article/details/129084406
版权归原作者 又可乐 所有， 如有侵权，请联系我们删除。
版权归原作者 又可乐 所有， 如有侵权，请联系我们删除。