首页jsp制作一个12小时的时钟

jsp制作一个12小时的时钟

时间: 2024-09-11 20:12:55 浏览: 33

在JSP（JavaServer Pages）中创建一个显示12小时制的时钟，你需要结合HTML、CSS和一些基本的JavaScript。这里是一个简单的步骤： 1. **HTML结构**: 首先，在`<body>`标签内添加一个容器来放置时间显示： ```jsp <div id="clock"></div> ``` 2. **CSS样式**: 定义一下时钟的外观和布局： ```css #clock { font-size: 48px; color: #333; text-align: center; } ``` 3. **JSP脚本**: 使用JavaScript获取当前时间，并转换为12小时制： ```jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%! import java.util.Date; %> ... <script> function formatTime() { var date = new Date(); var hours = date.getHours(); // 获取小时 if (hours > 12) hours -= 12; // 小于12小时 if (hours == 0) hours = 12; // 午夜表示为12点 var amPm = hours >= 12 ? "PM" : "AM"; hours = hours < 10 ? "0" + hours : hours; return hours + ":" + (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) + " " + amPm; } setInterval(function() { document.getElementById("clock").innerText = formatTime(); }, 1000); // 每秒更新一次 </script> ... <% out.println("<p id='clock'>" + formatTime() + "</p>"); %>

阅读全文