在 JavaScript 中实现倒计时功能(计算距离目标日期的剩余时间),可以通过以下方式完成:
HTML 部分:
**<div id="countdown"></div>**
function startCountdown(targetDate, elementId) {
// 目标日期(可以是 Date 对象或时间戳)
const targetTime = new Date(targetDate).getTime();
// 更新倒计时
const timer = setInterval(() => {
const now = new Date().getTime();
const distance = targetTime - now;
// 计算剩余时间
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
// 显示倒计时
document.getElementById(elementId).innerHTML = `
${days}天 ${hours}小时 ${minutes}分钟 ${seconds}秒
`;
// 如果倒计时结束
if (distance < 0) {
clearInterval(timer);
document.getElementById(elementId).innerHTML = "时间到!";
}
}, 1000); // 每秒更新一次
}
// 使用示例
startCountdown("2025-01-01T00:00:00", "countdown");