Vue 計(jì)時(shí)器的使用

Vue.js 提供了 setInterval() 和 clearInterval() 方法，用于創(chuàng)建和清除計(jì)時(shí)器。

創(chuàng)建計(jì)時(shí)器

要?jiǎng)?chuàng)建計(jì)時(shí)器，請(qǐng)使用 setInterval() 方法：

const timerId = setInterval(() => {
  // 每隔指定毫秒執(zhí)行此函數(shù)
}, milliseconds);

setInterval() 方法接受兩個(gè)參數(shù)：

回調(diào)函數(shù)：在計(jì)時(shí)器觸發(fā)時(shí)要執(zhí)行的函數(shù)。

毫秒：計(jì)時(shí)器觸發(fā)的間隔時(shí)間（以毫秒為單位）。

setInterval() 返回一個(gè)計(jì)時(shí)器 ID (timerId)，用于標(biāo)識(shí)該計(jì)時(shí)器。

清除計(jì)時(shí)器

要清除計(jì)時(shí)器，請(qǐng)使用 clearInterval() 方法：

clearInterval(timerId);

clearInterval() 方法接受一個(gè)計(jì)時(shí)器 ID 作為參數(shù)，并停止該計(jì)時(shí)器。

示例

下面是一個(gè)示例，說(shuō)明如何使用 setInterval() 和 clearInterval()：

// 創(chuàng)建一個(gè)每秒觸發(fā)一次的計(jì)時(shí)器
const timerId = setInterval(() => {
  console.log('計(jì)時(shí)器觸發(fā)');
}, 1000);

// 5 秒后清除計(jì)時(shí)器
setTimeout(() => {
  clearInterval(timerId);
}, 5000);

這段代碼將每秒打印 “計(jì)時(shí)器觸發(fā)” 消息，并在 5 秒后清除計(jì)時(shí)器。