快捷導(dǎo)航

JSP獲取服務(wù)器時(shí)間以倒計(jì)時(shí)的形式在頁面顯示

更新時(shí)間：2013年08月27日 15:07:47 作者：

通過jsp獲取服務(wù)器時(shí)間在頁面以倒計(jì)時(shí)的形式顯示，具體實(shí)現(xiàn)代碼如下，感興趣的朋友可以參考下

 
<%@ page language="java" import="java.util.*"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<%@ include file="/commons/meta.jsp"%> 
<%@ include file="/commons/meta-et.jsp"%> 
<% 
Calendar cal = Calendar.getInstance(); 
int hour = cal.get(cal.HOUR_OF_DAY); 
int minute = cal.get(cal.MINUTE); 
int month = cal.get(cal.MONTH); 
int date = cal.get(cal.DATE); 
int year = cal.get(cal.YEAR); 
int second = cal.get(cal.SECOND); 
%> 
<script type="text/javascript" defer="defer"> 
var NowHour = "";//Today.getHours(); 
var NowMinute = "";//Today.getMinutes(); 
var NowMonth = "";//Today.getMonth(); 
var NowDate = "";//Today.getDate(); 
var NowYear = "";//Today.getYear(); 
var NowSecond = "";//Today.getSeconds(); 
//獲取服務(wù)端時(shí)間 
function getTime(){ 
NowHour = <%=hour%>; 
NowMinute = <%=minute%>; 
NowMonth = <%=month%>; 
//NowMonth = (parseInt(NowMonth)+1); 
NowDate = <%=date%>; 
NowYear = <%=year%>; 
NowSecond = <%=second%>; 
} 
getTime(); 
startclock(); 
var timerID = null; 
var timerRunning = false; 
function showtime() { 

var time='${enddate}';//獲取數(shù)據(jù)庫中結(jié)束時(shí)間或開始時(shí)間，然后開始計(jì)算離開始或結(jié)束還差多少時(shí)間 
NowSecond = (parseInt(NowSecond)+1); 
//------------------------------------------------------------------- 
var a, a1, a2; 
var EndTime ; 
a = unescape('${enddate}').split(" "); //這是注釋，此句是倒計(jì)時(shí)準(zhǔn)確度的關(guān)鍵，調(diào)整成其他需要的時(shí)間即可，例如2012-12-20等。 
if(a.length > 1){ 
a1 = a[0].split("-"); 
a2 = a[1].split(":"); 
EndTime= new Date(a1[0], a1[1] - 1, a1[2], a2[0], a2[1],a2[2]); 
} 
var NowTime= new Date(NowYear,NowMonth,NowDate,NowHour,NowMinute,NowSecond); 
var nMS =EndTime.getTime() - NowTime.getTime(); 
var nD =Math.floor(nMS/(1000 * 60 * 60 * 24)); 
var nH=Math.floor(nMS/(1000*60*60)) % 24; 
var nM=Math.floor(nMS/(1000*60)) % 60; 
var nS=Math.floor(nMS/1000) % 60; 
var dddd= nD+'-'+nH+'-'+nM+'-'+nS; 

if(nD>= 0){ 
document.getElementById('RemainD').innerText = nD; 
document.getElementById('RemainH').innerText = nH; 
document.getElementById('RemainM').innerText = nM; 
document.getElementById('RemainS').innerText = nS; 
}else { 
document.getElementById('CountMsg').innerText="所有時(shí)間到！"; 
} 
setTimeout("showtime()", 1000); 
} 
function startclock() { 
showtime(); //調(diào)用計(jì)算時(shí)間差方法，并顯示 
} 
</script> 
</head> 
<body> 
<div id="CountMsg"> 
距離結(jié)束還剩<font color="red" size=5><strong id="RemainD">XX</strong>天<strong id="RemainH">XX</strong>時(shí)<strong id="RemainM">XX</strong>分<strong id="RemainS">XX</strong>秒</font> 
</div> 
</body> 
</html> 