如何使用 JavaScript 暂停延迟执行

在 JavaScript 中，可以使用 setTimeout() 函数来设置延迟执行功能。但是，在某些情况下，您可能需要暂停或取消延迟执行。本文将探讨如何使用 JavaScript 暂停延迟执行。

使用 clearTimeout() 函数

要暂停延迟执行，可以使用 clearTimeout() 函数。这个函数接受一个包含延迟执行 ID 的参数。您可以使用 setTimeout() 函数返回的 ID 来暂停执行。

const delayId = setTimeout(() => {  // 延迟执行的代码}, 1000);// 暂停延迟执行clearTimeout(delayId);

调用 clearTimeout() 函数后，延迟执行将被暂停。

创建可暂停的延迟对象

另一种暂停延迟执行的方法是创建一个可暂停的延迟对象。这个对象可以跟踪延迟执行的状态，并提供 pause() 和 resume() 方法来控制执行。

const delayObject = {  id: null,  paused: false,  start: function(delay) {    this.id = setTimeout(() => {      if (!this.paused) {        // 延迟执行的代码      }    }, delay);  },  pause: function() {    this.paused = true;    if (this.id) {      clearTimeout(this.id);    }  },  resume: function() {    this.paused = false;    if (!this.id) {      this.start(0);    }  }};// 使用可暂停的延迟对象delayObject.start(1000);// 暂停延迟执行delayObject.pause();

现在，您可以使用 pause() 和 resume() 方法暂停和恢复延迟执行。

以上就是js延迟执行如何暂停的详细内容，更多请关注css网站其它相关文章！