js定时调用方法成功后并停止调用示例

实现js定时调用方法成功后并停止调用有多种方法，以下是两个示例说明：

示例一：使用setTimeout和clearTimeout方法

1. 使用setTimeout方法来调用要执行的方法。即使要调用的方法本身没有延时，也要在setTimeout方法中设置一个很小的延时，以便能够使用clearTimeout方法在需要时停止调用。

var timerId = setTimeout(function() {
  // 要执行的方法
}, 10);

1. 设置一个标记来跟踪是否应该继续调用方法。例如，可以使用一个布尔变量，将其初始化为true。

var stop = false;

1. 在方法内部检查该标记是否为true。如果为false，则不执行方法的其余部分。否则，执行其余部分并重新安排下一次调用setTimeout。

function myMethod() {
  if (stop) {
    // 方法内部代码部分
    timerId = setTimeout(myMethod, 10);
  }
}

1. 在任何时候，可以通过调用clearTimeout方法，并将其传递给timerId变量来停止调用。

clearTimeout(timerId);

完整代码示例：

var timerId = setTimeout(function() {
  myMethod();
}, 10);

var stop = false;

function myMethod() {
  if (stop) {
    // 要执行的方法
    timerId = setTimeout(myMethod, 10);
  }
}

// 调用该方法停止执行
function stopMethod() {
  stop = true;
  clearTimeout(timerId);
}

示例二：使用setInterval方法

1. 使用setInterval方法来调用要执行的方法。该方法将在指定的时间间隔后一直调用，直到调用clearInterval。

var timerId = setInterval(function() {
  // 要执行的方法
}, 10);

1. 设置一个标记来跟踪是否应该继续调用方法。例如，可以使用一个布尔变量，将其初始化为true。

var stop = false;

1. 在方法内部检查该标记是否为true。如果为false，则调用clearInterval并停止调用。否则，执行该方法的其余部分。

function myMethod() {
  if (stop) {
    // 要执行的方法
  } else {
    clearInterval(timerId);
  }
}

1. 在任何时候，可以通过调用clearInterval方法，并将其传递给timerId变量来停止调用。

clearInterval(timerId);

完整代码示例：

var timerId = setInterval(function() {
  myMethod();
}, 10);

var stop = false;

function myMethod() {
  if (stop) {
    clearInterval(timerId);
    // 要执行的方法
  }
}

// 调用该方法停止执行
function stopMethod() {
  stop = true;
}

这两种方法都可以实现js定时调用方法成功后并停止调用。选择哪种方法，取决于具体的需求和场景。