Jquery/Ajax call with timer

by

If you want to set something on a timer, you can use JavaScript’s setTimeout or setInterval methods:

setTimeout ( expression, timeout );
setInterval ( expression, interval );

Where expression is a function and timeout and interval are integers in milliseconds. setTimeout runs the timer once and runs the expression once whereas setInterval will run the expression every time the interval passes.

So in your case it would work something like this:

setInterval(function() {
    //call $.ajax here
}, 5000); //5 seconds

As far as the Ajax goes, see jQuery’s ajax() method. If you run an interval, there is nothing stopping you from calling the same ajax() from other places in your code.

If what you want is for an interval to run every 30 seconds until a user initiates a form submission…and then create a new interval after that, that is also possible:

setInterval() returns an integer which is the ID of the interval. 

var id = setInterval(function() {
    //call $.ajax here
}, 30000); // 30 seconds

If you store that ID in a variable, you can then call clearInterval(id) which will stop the progression.

Then you can reinstantiate the setInterval() call after you’ve completed your ajax form submission.

More Related Contents:

  1. How would I make a Timer which times things in 0.75 seconds Javascript?
  2. jQuery Ajax File Upload
  3. jQuery AJAX cross domain
  4. How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?
  5. Changing the interval of SetInterval while it’s running
  6. Asynchronously load images with jQuery
  7. Sequencing ajax requests
  8. What is the cleanest way to get the progress of JQuery ajax request?
  9. How to use source: function()… and AJAX in JQuery UI autocomplete
  10. Access elements of parent window from iframe
  11. Chrome refuses to execute an AJAX script due to wrong MIME type
  12. Pass Javascript variable to PHP via ajax
  13. setTimeout / clearTimeout problems
  14. Intercept all ajax calls?
  15. How to create a JQuery Clock / Timer
  16. Multiple ajax calls inside a each() function.. then do something once ALL of them are finished?
  17. How to make a jsonp POST request that specifies contentType with jQuery?
  18. How can I return a variable from a $.getJSON function
  19. Ajax HEAD request via Javascript/jQuery
  20. How to execute javascript inside a script tag returned by an ajax response
  21. function in setInterval() executes without delay
  22. Uploading File using Ajax in Asp.Net Core
  23. How to replace html element with ajax response?
  24. Why does jQuery.ajax() add a parameter to the url?
  25. how to use jQuery ajax calls with node.js
  26. how Postman send requests? ajax, same origin policy
  27. Automatically resize jQuery UI dialog to the width of the content loaded by ajax
  28. How to add a Facebook “Like” button to an AJAX driven page
  29. $.post throwing “Illegal invocation “
  30. XMLHttpRequest; Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource [duplicate]

Leave a Comment