首页用jsp编写一个页面，输出节日倒计时效果

用jsp编写一个页面，输出节日倒计时效果

时间: 2023-08-22 17:09:36 浏览: 120

以下是使用 JSP 实现一个简单的节日倒计时页面的示例代码： ```jsp <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>节日倒计时</title> <style> body { text-align: center; font-size: 48px; margin-top: 100px; } </style> </head> <body> <h1>距离圣诞节还有</h1> <div id="countdown"></div> <script> var targetDate = new Date('2022-12-25'); // 节日日期 var countdownElem = document.getElementById('countdown'); function countdown() { var now = new Date(); var diff = targetDate - now; var days = Math.floor(diff / (1000 * 60 * 60 * 24)); var hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((diff % (1000 * 60)) / 1000); countdownElem.innerHTML = days + " 天 " + hours + " 小时 " + minutes + " 分钟 " + seconds + " 秒"; } setInterval(countdown, 1000); </script> </body> </html> ``` 这段代码会显示一个距离圣诞节的倒计时，以天、小时、分钟和秒的形式显示。这个倒计时会使用 JavaScript 计算当前时间与节日日期之间的时间差，并且每隔一秒钟更新一次倒计时显示。

阅读全文