I have a function that I would like to run every 30 seconds. This works fine
$(document).ready(function(){
setInterval(function() {
jQuery.ajax({
type: "GET",
url: "loaddata.php",
dataType:"json",
success:function(response){
if (response) {
// Process
}
else {
// Process
}
}
});
}, 30000);
});
But I am trying to figure out how I could display a countdown timer that is inline with the setInterval. In other words it should show how many seconds is left before the ajax runs, once the function runs, it should reset the timer and count down from 30 seconds again. This process would continually repeat. I found several examples of countdown timers but I have no clue how to sync it up with ajax requests and have it reset.
Any help is greatly appreciated!