How do I stop this loop with some onclick call function button?

Question

I have here a button to start the function. As usual

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

This is my fuction for my loop.

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);
}

Now what function can I use to make the execution of the code stop above to stop. I want something like I can start and stop.

That’s not valid JS code, seems to be missing a setTimeout or setInterval … — misorude, Jul 17 '19 at 13:44
Possible duplicate of [How to stop timer in javascript?](https://stackoverflow.com/questions/49425137/how-to-stop-timer-in-javascript) — misorude, Jul 17 '19 at 13:45

mplungjan · Answer 1 · 2019-07-17T14:11:41.943

This will likely help

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>

score -1 · Answer 2 · edited Jul 17 '19 at 14:12

-1

Try kill the request as shown in Abort Ajax requests using jQuery

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

edited Jul 17 '19 at 14:12

mplungjan

169,008
28
173
236

answered Jul 17 '19 at 14:11

Jakub Troczyński

1

1

Welcome to SO. Please do not blindly copy from another answer elsewhere - at least not without crediting like I did for you It is still likely not what OP meant. – mplungjan Jul 17 '19 at 14:13
That's right if He wants to wait till the end of request. – Jakub Troczyński Jul 17 '19 at 14:37

How do I stop this loop with some onclick call function button?

2 Answers2