PHP前端开发

js 如何清除定时更新

百变鹏仔 2个月前 (10-13) #JavaScript
文章标签 js
清除 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(() => {  // 清除定时器后执行代码});