How to stop set timeout function in AJAX call after certain condition is met?

Question

i have following piece of code which works fine but i want to stop the auto refreshing when certain condition is met .

enter code here
              $(document).ready(function() {


    setTimeout( function(){  $.ajax({
    url: '/jrt/?Id=$data.jacket.id',
    method: "GET",
    cache: false,
    success: function(data) {
        //$("#gt").append(data);
        $( '#gt' ).html( data );
    },
    error: function(jqXHR, textStatus, errorThrown) {
        alert('error ' + textStatus + " " + errorThrown);
    }
})
   },10000);


   });

Possible duplicate of [How to stop a setTimeout loop?](http://stackoverflow.com/questions/8443151/how-to-stop-a-settimeout-loop) — Andy Ray, Dec 27 '16 at 05:08

score 0 · Answer 1 · answered Dec 27 '16 at 05:11

$(document).ready(function() {

var myVar;

function yourFunction() {
    myVar =  setTimeout( function(){  
        $.ajax({
            url: '/jrt/?Id=$data.jacket.id',
            method: "GET",
            cache: false,
            success: function(data) {
                $( '#gt' ).html( data );
            },
            error: function(jqXHR, textStatus, errorThrown) {
                alert('error ' + textStatus + " " + errorThrown);
            }
        })
    },10000);
}

function stopYourFunction() {
    clearTimeout(myVar);
} });

Use stop clearTimeout, to stop your setTimeOut function. Refer this w3schools, has a good explanation

score 0 · Answer 2 · answered Dec 27 '16 at 05:14

Assign setTimeout function in variable and clear it in your any condition.

var timer;

$(document).ready(function() {
  timer = window.setTimeout(function() {
    $.ajax({
      url: '/jrt/?Id=$data.jacket.id',
      method: "GET",
      cache: false,
      success: function(data) {
        //$("#gt").append(data);

        $('#gt').html(data);

        if (1) // your any condition
        {
          window.clearTimeout(timer);
        }
      },
      error: function(jqXHR, textStatus, errorThrown) {
        alert('error ' + textStatus + " " + errorThrown);
      }
    })
  }, 10000);
});

How to stop set timeout function in AJAX call after certain condition is met?

2 Answers2