Java從服務(wù)器上獲取時間動態(tài)顯示在jsp頁面實現(xiàn)思路

2024-09-05 00:21:51

字體：大中小

供稿：網(wǎng)友

Java只能獲取一次，到頁面的時間是靜態(tài)的，不過通過js和Java的合作，巧妙地實現(xiàn)此功能

Java獲取服務(wù)器時間，動態(tài)顯示到j(luò)sp頁面，大家都是到Java只能獲取一次，到頁面的時間是靜態(tài)的，不過通過js和Java的合作，巧妙地實現(xiàn)此功能。

本人是給電視做系統(tǒng)，客戶要求頁面能顯示時間，因為電視瀏覽器獲取的時間不對，沒辦法只能從服務(wù)器獲取時間，但是問題來了，服務(wù)器的時間獲取一次就成靜態(tài)的了，客戶不滿意，但也沒辦法，只能這樣。不過這個問題在我這老惦記著，今天看到有個例子，說把Java獲取服務(wù)器的時間轉(zhuǎn)化成毫秒，然后用js每一秒刷新一次就可以動態(tài)顯示，所以就有了下面的

復(fù)制代碼代碼如下:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@page import="java.text.SimpleDateFormat;"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

</head>
<body>
<%
Calendar rightNow = Calendar.getInstance();
SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm");
%>
<script language="javascript">
//從服務(wù)器上獲取初始時間
var currentDate = new Date(<%=new java.util.Date().getTime()%>);
function run()
{
currentDate.setSeconds(currentDate.getSeconds()+1);
var time = "";
var year = currentDate.getFullYear();
var month = currentDate.getMonth() + 1;
var day = currentDate.getDate();
var hour = currentDate.getHours();
var minute = currentDate.getMinutes();
var second = currentDate.getSeconds();
if(hour < 10){
time += "0" + hour;
}else{
time += hour;
}
time += ":";
if(minute < 10){
time += "0" + minute;
}else{
time += minute;
}
time += ":";
if(second < 10){
time += "0" + second;
}else{
time += second;
}
document.getElementById("dt").innerHTML = year+"年"+month+"月"+day+"日" + time;
}
window.setInterval("run();", 1000);
</script>
<div>自動顯示時間。。。。</div>
</body>
</html>