How setInterval runs asynchronously

Question

I have a setInterval function that runs async code that calls the server:

setInterval(()=> {
    //run AJAX function here
}, 5000);

If the server doesn't get a response within 5 seconds most probably it will run set Interval again which will then make multiple requests on the same endpoint, is there a way that the setInterval only starts its next 5 second execution after the AJAX function returns a response?

Answer 1

what you want to do is to use setTimeout when ever you get a response

here is some pseudo code

const doAjaxWithDelay = (delay)=>{
  setTimeout(()=>{
    $.ajax({
    ...
    }).done(()=>{
    // do your staff 
      doAjaxWithDelay(5000)
    })
  },delay)
}
doAjaxWithDelay(0);