HTML中定時功能是許多Web應用程序所需要的一種功能之一。實現這個功能需要使用JavaScript語言并結合HTML元素。JavaScript定時函數setInterval()和setTimeout()可以幫助我們實現這個功能。
function timedCode() { document.write("This text appears after 3 seconds."); } setTimeout(timedCode, 3000); function repeatedCode() { document.write("This text appears every 5 seconds."); } setInterval(repeatedCode, 5000);
在上述代碼中,setInterval()和setTimeout()函數的第一個參數都是要執行的函數名稱。第二個參數為毫秒數,表示在多長時間后開始執行函數。
setTimeout()函數只會執行一次,而setInterval()函數可以重復執行,直到頁面被關閉或者stop()函數被調用。這兩個函數都返回一個唯一的數字ID,可以使用這個ID來取消定時器。
var myTimer = setInterval(myFunction, 1000); function myFunction() { document.body.style.backgroundColor = document.body.style.backgroundColor == "yellow" ? "white" : "yellow"; } function stopTimer() { clearInterval(myTimer); }
在上面這個例子中,我們使用了setInterval()函數來重復調用myFunction()函數并將背景顏色設置為黃色。然后我們定義了一個stopTimer()函數來停止這個循環。在這個函數中,我們調用clearInterval()函數并傳入之前存儲的myTimerID。
HTML和JavaScript一起創造了另一個令人驚嘆的Web應用程序。通過正確使用setTimeout()和setInterval()函數,我們可以創建令人驚嘆的效果并為我們的應用程序添加更多的交互性。