<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>動態時間設計</title>
<script type="text/javascript">
function showTime(){
var time=new Date();//獲取當前系統的時間
var y=time.getFullYear();//獲得4位的年
var m=time.getMonth()+1;//月份（0-11）
var l=m<10?"0"+m:m;//將得到的月份數中小於10的月份表示爲兩位（01,02）
var d=time.getDate();//得到天數
var h=time.getHours();//獲得小時數
var s1=time.getMinutes();//分鐘數
var s=time.getSeconds()>9?time.getSeconds():"0"+time.getSeconds();//將秒數小於10的處理爲兩位
//alert(time);
//alert(y+m+d+h+s1+s);
var t=y+"-"+l+"-"+d+" "+h+":"+s1+":"+s;//格式得到的系統時間
var b=document.getElementById("div1");//根據id獲取頁面上的一個元素對象
b.innerHTML="<font color=red>"+t+"</font>";//將格式化的時間寫到div中
setTimeout(showTime,1000);//動態更新時間
}
</script>
</head>
<body οnlοad="showTime()">
<div id="div1">yyyy-MM-dd hh:mm:ss</div>
<div></div>
</body>
</html>
運行後的截圖爲：
在這裏主要使用了document.getElementById("div1")根據id獲取頁面上的一個元素對象，setTimeout(showTime,1000);1s動態更新一次時間，由於頁面在加載時就更新時間使用<body>的onload事件達到此功能。在修改時間格式，構造時間格式字符串，已達到修改。此處在將小於10的月份和秒數利用三目運算符變爲統一的格式兩位。