萬盛學電腦網

 萬盛學電腦網 >> 網絡編程 >> jsp編程 >> Java從服務器上獲取時間動態顯示在jsp頁面實現思路

Java從服務器上獲取時間動態顯示在jsp頁面實現思路

Java只能獲取一次,到頁面的時間是靜態的,不過通過js和Java的合作,巧妙地實現此功能  

Java獲取服務器時間,動態顯示到jsp頁面,大家都是到Java只能獲取一次,到頁面的時間是靜態的,不過通過js和Java的合作,巧妙地實現此功能。

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

復制代碼 代碼如下:


<%@ 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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<%
Calendar rightNow = Calendar.getInstance();
SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm");
%>
<script language="javascript">
//從服務器上獲取初始時間
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 id="dt">自動顯示時間。。。。</div>
</body>
</html>

copyright © 萬盛學電腦網 all rights reserved