HTML 時間實時更新是通過JavaScript編寫來實現的,開發者可以運用JavaScript的定時器技術,定期計算當前系統時間,并將時間實時的更新到HTML頁面中。下面是一個簡單的HTML時間實時更新的示例代碼:
<!DOCTYPE html> <html> <head> <title>HTML時間實時更新</title> <script> function showTime() { var date = new Date(); var hour = date.getHours(); var minute = date.getMinutes(); var second = date.getSeconds(); var time = hour + ":" + minute + ":" + second; document.getElementById("clock").innerHTML = time; } setInterval(showTime, 1000); </script> </head> <body> <p>當前時間: <span id="clock"></span></p> </body> </html>
這個示例代碼中,我們首先在`head`中定義了一個名為`showTime`的JavaScript函數,該函數用 `Date`對象獲取當前系統時間,并將其顯示為"小時:分鐘:秒"的格式。然后,我們在`body`中創建了一個帶有`id`為`clock`的`span`元素,用于顯示實時時間。最后,我們使用`setInterval`方法調用`showTime`函數,每1000毫秒執行一次,以實現時間的實時更新。