Iam making get requests with an interval. On page load i want an interval of 2000, but after 1 get request the interval has to be changed to 20000. What is the best approach in this case ?
$(document).ready(function(){
setInterval(function(){
$.ajax({
type: 'GET',
url : "{% url "messages" object.id %}",
success: function(response){
console.log(response);
$("#display").empty();
for (var key in response.messages)
{
var temp = "<div class='container manager' style='color:black'><b>" + response.messages[key].werknemer_naam ;
}
},
error: function(response){
alert('An error occured')
}
});
},2000);
})
You can't change the interval, all you can do is clear it and call setInterval again with the new value. But you can save a bit of code by defining the callback function separately. In your case, I'd probably do this:
function makeRequest() {
// make the request
}
setTimeout(() => {
makeRequest();
setInterval(makeRequest, 20000);
}, 2000);
So it would wait 2000ms, then make the first request and set the request to run every 20000 from then on.