計時器是 javascript 中用于在特定時間間隔執行代碼或任務的內置功能。主要用于定期更新內容、執行延遲任務、控制動畫和過渡。提供 settimeout() 和 setinterval() 兩種類型計時器。settimeout() 在指定延遲后執行一次函數,setinterval() 以指定間隔重復執行函數。可以通過 cleartimeout() 和 clearinterval() 停止計時器。
JS 計時器
計時器的定義和目的
計時器是 JavaScript 中的內置功能,用于在特定時間間隔執行代碼或任務。它們主要用于以下目的:
定期更新動態內容(例如,每秒刷新時鐘)
執行延遲或定時任務(例如,在 5 秒后顯示模態窗口)
控制動畫和過渡
計時器類型
JavaScript 提供了兩種類型的計時器:
setTimeout():在指定的時間延遲后執行一次函數。
setInterval():以指定的時間間隔重復執行函數。
使用方法
setTimeout()
setTimeout(function, milliseconds);
登錄后復制
function:要執行的函數。
milliseconds:延遲執行函數的時間,單位為毫秒。
setInterval()
setInterval(function, milliseconds);
登錄后復制
function:要執行的函數。
milliseconds:函數重復執行的時間間隔,單位為毫秒。
示例
使用 setTimeout() 在 5 秒后顯示警報:
setTimeout(() => { alert("5 秒已過!"); }, 5000);
登錄后復制
使用 setInterval() 每秒更新時鐘:
setInterval(() => { const date = new Date(); document.getElementById("clock").innerHTML = date.toLocaleTimeString(); }, 1000);
登錄后復制
停止計時器
要停止計時器,可以使用 clearTimeout() 或 clearInterval() 方法:
clearTimeout(timerId); // 停止 setTimeout() 計時器 clearInterval(timerId); // 停止 setInterval() 計時器
登錄后復制
其中 timerId 是啟動計時器時返回的 ID。