<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="java.text.SimpleDateFormat"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>show server's time dynamically</title>
<script type="text/javascript">
function runTime(){
var serverTime=document.getElementById("serverTime");
var txtTime=serverTime.innerText.split(" ");
var days=txtTime[0].split("/");
var hours=txtTime[1].split(":");
var seconds=parseInt(hours[2])+1;
var minutes=parseInt(hours[1]);
var hourz=parseInt(hours[0]);
if(seconds>=60){
minutes+=1;
seconds=0;
}
if(minutes>=60){
hourz+=1;
minutes=0;
}
if(hourz>=24){
hourz=0;
}
//當然寫道這裏還遠遠不夠,只是實現了秒進到分,分進到時,還有時進到天等等我就不寫了哈~呵呵~你們懂就行了~哈哈(要注意閏年2月的問題)
serverTime.innerText=days[0]+"/"+days[1]+"/"+days[2]+" "+hourz+":"+(minutes>10?minutes:"0"+minutes)+":"+(seconds<10?"0"+seconds:seconds);
setTimeout("runTime()", 1000);
}
</script>
<!--
Author:Lovingshu
Date:2012/2/2 20:44
Remark:This function is just a demo,it is sinple and easy to understand,
Coders all know that javascript is very elastic,so ~ you know it~
-->
</head>
<body οnlοad="runTime()">
<div style="font-family:console;border:solid 1px lightBlue;font-size:20px;width:180px;" id="serverTime">
<!--大家可不能忘了JSP哦-->
<%=new SimpleDateFormat("MM/dd/yyyy hh:mm:ss").format(new Date())%>
</div>
</body>
</html>
