插件窝 干货文章 js 如何清除定时更新

js 如何清除定时更新

strong class 清除 定时器 535    来源:    2024-10-19
清除 javascript 定时更新的方法有:clearinterval();cleartimeout();window.cancelanimationframe();手动设置 null;使用 promise(cleartimeoutpromise)。

如何清除 JavaScript 定时更新

要清除 JavaScript 定时更新,可以使用以下方法:

1. 使用 clearInterval()

let intervalID = setInterval(() => {
  // 更新代码
}, 1000);

// 清除定时器
clearInterval(intervalID);

2. 使用 clearTimeout()

let timeoutID = setTimeout(() => {
  // 更新代码
}, 1000);

// 清除定时器
clearTimeout(timeoutID);

3. 使用 window.cancelAnimationFrame()

let animationID = requestAnimationFrame(() => {
  // 更新代码
});

// 清除定时器
cancelAnimationFrame(animationID);

4. 手动设置 null

let interval = setInterval(() => {
  // 更新代码
}, 1000);

// 清除定时器
interval = null;

5. 使用 Promise

const clearTimeoutPromise = (timeoutID) => {
  return new Promise((resolve) => {
    setTimeout(() => {
      clearTimeout(timeoutID);
      resolve();
    }, 0);
  });
};

使用方式:

const timeoutID = setTimeout(() => {
  // 更新代码
}, 1000);

clearTimeoutPromise(timeoutID).then(() => {
  // 清除定时器后执行代码
});