编写一个JSP程序实现手表的功能,显示当前时间(时:分:秒),并实时自动刷新时间。
时间: 2024-09-10 10:12:03 浏览: 71
编写一个简单的JSP程序实现手表功能,首先需要创建一个HTML部分来显示时间和JavaScript来实现自动刷新。以下是基本步骤:
1. 创建一个名为`Watch.jsp`的JSP文件:
```jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>实时钟</title>
<script>
function updateTime() {
var now = new Date();
var hours = now.getHours(); // 0-23
var minutes = now.getMinutes(); // 0-59
var seconds = now.getSeconds(); // 0-59
if (hours < 10) {
hours = "0" + hours;
}
if (minutes < 10) {
minutes = "0" + minutes;
}
if (seconds < 10) {
seconds = "0" + seconds;
}
document.getElementById("clock").innerHTML = hours + ":" + minutes + ":" + seconds;
}
setInterval(updateTime, 1000); // 每秒更新一次
</script>
</head>
<body>
<h1 id="clock">实时时间:</h1>
</body>
</html>
```
在这个例子中,我们设置了JavaScript函数`updateTime()`每隔一秒执行一次,获取当前系统时间并格式化为“小时:分钟:秒”格式,然后将其插入到ID为`clock`的HTML元素中。
注意:这个JSP文件需要在支持JSP和JavaScript的Web容器(如Tomcat)中运行才能看到效果。
阅读全文