如何使用一些onclick调用功能按钮停止此循环？

Question

我在这里有一个按钮来启动功能。 照常

<button onclick="start()">START</button>

这是我的循环功能。

function start() {
               $.ajax({
                    url: url + value,
                    type: 'GET',
                    async: true,
                    success: function(result) {
                        if (result.match("success")) {
                            removeline();
                            live(result);
                        }else {
                            removeline();
                            dead(result);
                        }
                    }
                });
            }, 2000 * index);
}

现在，我可以使用什么函数使代码的执行从上面停止。 我想要可以开始和停止的东西。

Answer 1

这可能会有所帮助

var stopped = false, tId;

function stop() {
  stopped = true;
  clearTimeout(tId);
}

function start() {
  stopped = false;
  $.ajax({
    url: url + value,
    type: 'GET',
    async: true,
    success: function(result) {
      if (result.match("success")) {
        removeline();
        live(result);
      } else {
        removeline();
        dead(result);
      }
      if (!stopped) tId = setTimeout(start, 2000 * index)
    }
  });
}

<button type="button" onclick="start()">START</button>
<button type="button" onclick="stop()">Stop</button>

Answer 2

尝试使用jQuery终止Abort Ajax请求中所示的请求

var xhr = $.ajax({
  type: "POST",
  url: "some.php",
  data: "name=John&location=Boston",
  success: function(msg){
     alert( "Data Saved: " + msg );
  }
});
xhr.abort()