首页js 2025元旦倒计时代码

js 2025元旦倒计时代码

时间: 2024-11-01 11:05:29 浏览: 32

JavaScript编写一个简单的2025年元旦倒计时代码可以利用`Date`对象和一些基本的算术计算。下面是一个简单的例子： ```javascript <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> #countdown { font-size: 24px; margin-top: 20px; } </style> </head> <body> <h2 id="countdown">距离2025年元旦还有:</h2> <div id="countdown-display"></div> <script> // 设置当前日期 const now = new Date(); // 计算到2025年1月1日的时间差（毫秒） const targetDate = new Date("2025-01-01"); const timeDiff = targetDate.getTime() - now.getTime(); function updateCountdown() { const daysLeft = Math.floor(timeDiff / (1000 * 60 * 60 * 24)); const hoursLeft = Math.floor((timeDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutesLeft = Math.floor(((timeDiff % (1000 * 60 * 60)) / (1000 * 60))); const secondsLeft = Math.floor((((timeDiff % (1000 * 60)) / 1000)); // 更新显示 document.getElementById("countdown-display").innerHTML = `剩余天数：${daysLeft} 天 ${hoursLeft} 小时 ${minutesLeft} 分钟 ${secondsLeft} 秒`; // 每秒钟更新一次倒计时 if (timeDiff > 0) { setTimeout(updateCountdown, 1000); } else { document.getElementById("countdown").innerText = "新年快乐！"; } } // 开始倒计时 updateCountdown(); </script> </body> </html> ``` 这个代码会在页面上显示距离2025年元旦的剩余天数、小时、分钟和秒，并实时更新。当新年开始时，会显示“新年快乐！”。

阅读全文