JS新年倒计时
// 设置新年的日期
const newYear = new Date('January 1, 2023 00:00:00');
// 更新倒计时并显示在屏幕上的函数
function countdown() {
const now = new Date();
const diff = newYear - now;
// 如果尚未到新年,显示剩余时间;否则显示已过新年的时间
if (diff > 0) {
const days = Math.floor(diff / (1000 * 60 * 60 * 24));
const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((diff % (1000 * 60)) / 1000);
document.getElementById('countdown').innerHTML = `还有: ${days} 天 ${hours} 小时 ${minutes} 分钟 ${seconds} 秒`;
} else {
document.getElementById('countdown').innerHTML = '新年已过!';
}
}
// 页面加载完成后开始倒计时
window.onload = function() {
countdown();
setInterval(countdown, 1000); // 每秒更新一次倒计时
};
这段代码会在页面加载时开始新年倒计时,并且每秒更新一次剩余时间。如果新年已经过去,它会显示“新年已过!”。这个简单的脚本可以作为一个创建新年倒计时的例子。
评论已关闭