如何使用一些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()