vue.js 提供了 setinterval() 和 clearinterval() 方法來創建和清除計時器。創建計時器需要傳遞一個回調函數和觸發間隔時間,返回一個計時器 id;清除計時器則需要傳入對應的計時器 id。
Vue 計時器的使用
Vue.js 提供了 setInterval() 和 clearInterval() 方法,用于創建和清除計時器。
創建計時器
要創建計時器,請使用 setInterval() 方法:
const timerId = setInterval(() => { // 每隔指定毫秒執行此函數 }, milliseconds);
登錄后復制
setInterval() 方法接受兩個參數:
回調函數:在計時器觸發時要執行的函數。
毫秒:計時器觸發的間隔時間(以毫秒為單位)。
setInterval() 返回一個計時器 ID (timerId),用于標識該計時器。
清除計時器
要清除計時器,請使用 clearInterval() 方法:
clearInterval(timerId);
登錄后復制
clearInterval() 方法接受一個計時器 ID 作為參數,并停止該計時器。
示例
下面是一個示例,說明如何使用 setInterval() 和 clearInterval():
// 創建一個每秒觸發一次的計時器 const timerId = setInterval(() => { console.log('計時器觸發'); }, 1000); // 5 秒后清除計時器 setTimeout(() => { clearInterval(timerId); }, 5000);
登錄后復制
這段代碼將每秒打印 “計時器觸發” 消息,并在 5 秒后清除計時器。