如何在網頁中動態顯示時間

在網頁中動態顯示時間, 需要用到Windows對象方法: setInterval(code,millisec[,"lang"])

setInterval() 方法可按照指定的周期（以毫秒計）來調用函數或計算表達式。setInterval() 方法會不停地調用函數，直到 clearInterval() 被調用或窗口被關閉。(詳細請參考: W3 School描述: https://www.w3school.com.cn/jsref/met_win_setinterval.asp)

setInterval方法有兩個參數, code 指向要執行的代碼, millsec是執行的間隔時間.

在Code代碼中, 需要將當前的時間, 填寫到一個對象中, 在這個對象中進行顯示: 

 

如下代碼, 使用JavaScrip寫了一個getTime函數, 在這個函數中,將時間寫到 ID為'TimeShow'對象中.

<p id = 'TimeShow'> </p>

<script>
   function getTime(){
           document.getElementById("TimeShow").innerHTML =  Date();
        }
 
        setInterval(getTime, 1000)
</script>

代碼執行后,顯示如下:

 

 需要說明的是, 'TimeShow' 對象, 可以是<p>, <div>, <Span>, <button>, <input>, 可以根據自己喜歡的樣式進行選擇, 也可以自己寫一個專門的用於時間顯示的Class類, 來進行顯示.