範例一、JavaScript 在網頁上顯示時間基本語法
<script language="JavaScript">
function ShowTime(){
document.getElementById('showbox').innerHTML = new Date();
setTimeout('ShowTime()',1000);
}
</script>
<body onload="ShowTime()">
<div id="showbox"></div>
</body>
這樣的寫法算是比較簡單的寫法，首先我們寫了一個 function 叫做 ShowTime()，裡面第一行的意思是找到 showbox 這個區域元素，然後寫入現在的時間，而時間則是直接用 new Date() 來表示，接著下面那一行 setTimeout('ShowTime()',1000); 的意思每一秒鐘重新執行一次這個 function。<body onload="ShowTime()"> 的意思是當網頁載入的時候，直接執行 ShowTime 這個 function，如此一來，網頁上就會出現時間，且每一秒都更新一次。function ShowTime(){
document.getElementById('showbox').innerHTML = new Date();
setTimeout('ShowTime()',1000);
}
</script>
<body onload="ShowTime()">
<div id="showbox"></div>
</body>
範例二、JavaScript 在網頁上顯示時間的進階語法
<script language="JavaScript">
function ShowTime(){
var NowDate=new Date();
var h=NowDate.getHours();
var m=NowDate.getMinutes();
var s=NowDate.getSeconds();
document.getElementById('showbox').innerHTML = h+'時'+m+'分'+s+'秒';
setTimeout('ShowTime()',1000);
}
</script>
<body onload="ShowTime()">
<div id="showbox"></div>
</body>
function ShowTime(){
var NowDate=new Date();
var h=NowDate.getHours();
var m=NowDate.getMinutes();
var s=NowDate.getSeconds();
document.getElementById('showbox').innerHTML = h+'時'+m+'分'+s+'秒';
setTimeout('ShowTime()',1000);
}
</script>
<body onload="ShowTime()">
<div id="showbox"></div>
</body>
進階語法可以顯示出來的結果比較適合人類閱讀，我們用 NowDate 來表示 now Date() 的物件，並分配為 h（時）、m（分）、s（秒）再顯示於網頁上，這裡我們用到了呼叫時間的技巧 getHours()、getMinutes() 與 getSeconds()，我們在JavaScript 取得今天日期篇介紹。
延伸閱讀