HTML是網頁制作中的一種標記語言,它的定時器可以設置時間來實現動態效果。但是,在設置定時器的過程中我們需要注意一些細節。
// 每秒鐘輸出一次當前時間 function tick() { var time = new Date(); document.getElementById('clock').innerHTML = time.toLocaleString(); } setInterval(tick, 1000);
在上述代碼中,我們定義了一個函數叫做 tick,并使用 setInterval 函數來實現每秒鐘輸出當前時間的動態效果。其中,第一個參數是要執行的函數,第二個參數是時間間隔,單位是毫秒。所以,1000毫秒就是每秒鐘執行一次。
我們可以把上述代碼放在 HTML 文件中,使用 DOM (文檔對象模型) 來操作頁面元素。使用 innerHTML 屬性來設置元素的內容。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML定時器</title> </head> <body> <h1>當前時間:<span id="clock"></span></h1> <script> function tick() { var time = new Date(); document.getElementById('clock').innerHTML = time.toLocaleString(); } setInterval(tick, 1000); </script> </body> </html>
在 HTML 文件中,我們在
標簽中放置一個