首页用DW做一个距离元旦节倒计时天数的页面代码

用DW做一个距离元旦节倒计时天数的页面代码

时间: 2024-12-21 14:21:38 浏览: 3

在Dreamweaver中制作一个显示距离新年倒计时天数的页面，你可以通过JavaScript或者jQuery结合HTML来实现。这里是一个简单的例子： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>新年倒计时</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <style> #countdown { font-size: 48px; color: red; margin-top: 50px; } </style> <script> function updateCountdown() { var today = new Date(); var newYear = new Date(today.getFullYear(), 11, 31); // 设置新年的日期 var timeLeft = Math.round((newYear - today) / (1000 * 60 * 60 * 24)); // 计算时间差（单位：天） if (timeLeft <= 0) { // 如果已经过了新年，则重置为下一年 newYear.setFullYear(newYear.getFullYear() + 1); timeLeft = Math.round((newYear - today) / (1000 * 60 * 60 * 24)); } $('#countdown').text('距离新的一年还有 ' + timeLeft + ' 天'); } $(document).ready(function() { updateCountdown(); // 初始加载时更新一次 setInterval(updateCountdown, 1000); // 每秒更新一次 }); </script> </head> <body> <div id="countdown">距离新的一年还有...天</div> </body> </html> ``` 在这个代码里，我们首先获取了今天的日期，并设置了一个表示新年的Date对象。然后计算出两个日期之间的时间差（以天为单位）。在页面加载完成后和每秒都会调用`updateCountdown`函数来更新显示的天数。

阅读全文