以下是一个使用 JavaScript 编写的程序,用于自动倒数日期并显示距离新年还有多少天:

<!DOCTYPE html>
<html>
<head>
<script>
window.onload = function() {
    // 获取当前日期
    var currentDate = new Date();
    // 获取新年日期(下一年的1月1日)
    var newYearDate = new Date(currentDate.getFullYear() + 1, 0, 1);
    // 计算剩余天数
    var remainingDays = Math.floor((newYearDate - currentDate) / (1000 * 60 * 60 * 24));

    // 显示剩余天数
    var countdownText = "距离新年还有 " + remainingDays + " 天";
    document.getElementById("countdown").innerText = countdownText;
};
</script>
</head>
<body>
    <div id="countdown"></div>
</body>
</html>

上述代码中,我们使用 `new Date()` 获取当前日期,并创建一个新的 `Date` 对象来表示下一年的 1 月 1 日。然后,我们计算当前日期到新年日期之间的天数差,并将结果显示在页面中。

在 `window.onload` 事件中,我们将剩余天数的文本内容设置为 `document.getElementById("countdown").innerText`,其中 `countdown` 是一个在 HTML 中定义的 `div` 元素的 ID。你可以根据需要将它修改为适合你的 HTML 结构的 ID。

当页面加载完成时,JavaScript 代码将自动执行,显示距离新年还有多少天。

JavaScript 倒数计时器:计算距离新年的天数

原文地址: https://www.cveoy.top/t/topic/hkT 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录