Java從服務(wù)器上獲取時(shí)間動(dòng)態(tài)顯示在jsp頁(yè)面實(shí)現(xiàn)思路
更新時(shí)間:2013年08月01日 17:16:36 作者:
Java只能獲取一次,到頁(yè)面的時(shí)間是靜態(tài)的,不過(guò)通過(guò)js和Java的合作,巧妙地實(shí)現(xiàn)此功能
Java獲取服務(wù)器時(shí)間,動(dòng)態(tài)顯示到j(luò)sp頁(yè)面,大家都是到Java只能獲取一次,到頁(yè)面的時(shí)間是靜態(tài)的,不過(guò)通過(guò)js和Java的合作,巧妙地實(shí)現(xiàn)此功能。
本人是給電視做系統(tǒng),客戶(hù)要求頁(yè)面能顯示時(shí)間,因?yàn)殡娨暈g覽器獲取的時(shí)間不對(duì),沒(méi)辦法只能從服務(wù)器獲取時(shí)間,但是問(wèn)題來(lái)了,服務(wù)器的時(shí)間獲取一次就成靜態(tài)的了,客戶(hù)不滿(mǎn)意,但也沒(méi)辦法,只能這樣。不過(guò)這個(gè)問(wèn)題在我這老惦記著,今天看到有個(gè)例子,說(shuō)把Java獲取服務(wù)器的時(shí)間轉(zhuǎn)化成毫秒,然后用js每一秒刷新一次就可以動(dòng)態(tài)顯示,所以就有了下面的
<%@ 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">
//從服務(wù)器上獲取初始時(shí)間
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">自動(dòng)顯示時(shí)間。。。。</div>
</body>
</html>
本人是給電視做系統(tǒng),客戶(hù)要求頁(yè)面能顯示時(shí)間,因?yàn)殡娨暈g覽器獲取的時(shí)間不對(duì),沒(méi)辦法只能從服務(wù)器獲取時(shí)間,但是問(wèn)題來(lái)了,服務(wù)器的時(shí)間獲取一次就成靜態(tài)的了,客戶(hù)不滿(mǎn)意,但也沒(méi)辦法,只能這樣。不過(guò)這個(gè)問(wèn)題在我這老惦記著,今天看到有個(gè)例子,說(shuō)把Java獲取服務(wù)器的時(shí)間轉(zhuǎn)化成毫秒,然后用js每一秒刷新一次就可以動(dòng)態(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">
<!--
<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">
//從服務(wù)器上獲取初始時(shí)間
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">自動(dòng)顯示時(shí)間。。。。</div>
</body>
</html>
相關(guān)文章
jsp自定義標(biāo)簽技術(shù)(實(shí)現(xiàn)原理與代碼以及平臺(tái)搭建步驟)
由于jsp代碼規(guī)范要求不能出現(xiàn)一句java代碼。所有就有了jsp 的自定義標(biāo)簽技術(shù)2013-06-06
jsp hibernate 數(shù)據(jù)保存操作的原理
當(dāng)執(zhí)行到session.save()方法時(shí),Hibernate并不會(huì)馬上生成insert SQL語(yǔ)句來(lái)進(jìn)行數(shù)據(jù)的保存,而是當(dāng)稍后清理session的緩存時(shí)才有可能執(zhí)行insert SQL語(yǔ)句,那么session.save()方法到底會(huì)執(zhí)行哪些步驟呢?2008-11-11
JSP多種web應(yīng)用服務(wù)器導(dǎo)致JSP源碼泄漏漏洞
JSP多種web應(yīng)用服務(wù)器導(dǎo)致JSP源碼泄漏漏洞...2006-10-10
jsp response.sendRedirect不跳轉(zhuǎn)的原因分析及解決
最近做項(xiàng)目時(shí)遇到一個(gè)問(wèn)題,明明加了response.sendRedirect() ,系統(tǒng)也執(zhí)行了,但是它就是不跳轉(zhuǎn),具體的原因如下,感興趣的各位可以參考下哈,希望對(duì)大家有所幫助2013-07-07

