参考课本,试编写一个JSP页面,实时显示当前的系统时间。提示:添加以下HTML代码,以实现页面的自动刷新功能,在网页头部添加语句如: <meta http-equiv="refresh" content="1;url=exercise2_4.jsp">
时间: 2024-09-27 09:06:34 浏览: 37
《应用时间序列分析》何书元:课本1-4章例图R代码实现
在JSP页面上实时显示当前系统时间并实现自动刷新,你可以按照以下步骤操作:
首先,创建一个新的JSP文件(例如:exercise2_4.jsp),并在其中添加以下HTML结构,包含一个用于显示时间和自动刷新的meta标签:
```jsp
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>实时系统时间</title>
<!-- 自动刷新1秒后跳转回自身 -->
<meta http-equiv="refresh" content="1;url=exercise2_4.jsp">
<%-- 添加以下部分用于获取系统时间 --%>
<script type="text/javascript">
function showTime() {
var currentTime = new Date();
var hours = currentTime.getHours(); // 小于10补0
var minutes = currentTime.getMinutes();
if (minutes < 10) {
minutes = "0" + minutes;
}
var seconds = currentTime.getSeconds();
if (seconds < 10) {
seconds = "0" + seconds;
}
var timeText = hours + ":" + minutes + ":" + seconds;
document.getElementById("timeDisplay").innerHTML = timeText;
}
setInterval(showTime, 1000); // 每秒更新一次时间
</script>
</head>
<body>
<h1 id="timeDisplay">实时时间:</h1>
</body>
</html>
```
在这个例子中,`<%@ page language="java" contentType="text/html; charset=UTF-8"%>`是一般的JSP页面声明,`<script>`部分包含了JavaScript函数`showTime()`,它会获取当前时间,并将其格式化后显示在id为"timeDisplay"的元素中。`setInterval(showTime, 1000)`则是每秒调用`showTime`一次。
阅读全文