How can I use setInterval and clearInterval?

by

setInterval sets up a recurring timer. It returns a handle that you can pass into clearInterval to stop it from firing:

var handle = setInterval(drawAll, 20);

// When you want to cancel it:
clearInterval(handle);
handle = 0; // I just do this so I know I've cleared the interval

On browsers, the handle is guaranteed to be a number that isn’t equal to 0; therefore, 0 makes a handy flag value for “no timer set”. (Other platforms may return other values; Node.js’s timer functions return an object, for instance.)

To schedule a function to only fire once, use setTimeout instead. It won’t keep firing. (It also returns a handle you can use to cancel it via clearTimeout before it fires that one time if appropriate.)

setTimeout(drawAll, 20);

More Related Contents:

  1. Fade animation while scrolling
  2. Difference between .ajaxSubmit() vs .submit()
  3. Check if a user has scrolled to the bottom (not just the window, but any element) [duplicate]
  4. Proper way to wait for one function to finish before continuing?
  5. How do you log all events fired by an element in jQuery?
  6. Deprecation warning in Moment.js – Not in a recognized ISO format
  7. How to trigger ngClick programmatically
  8. Attach an event in a child iframe to a handler in the parent window
  9. When should I use return false in jquery function?
  10. Why cache jQuery objects?
  11. Bootstrap 4 File Input
  12. How can I differentiate a manual scroll (via mousewheel/scrollbar) from a Javascript/jQuery scroll?
  13. What is the elegant way to get the latest date from array of objects in client side?
  14. How to reenable event.preventDefault?
  15. Read :hover pseudo class with javascript
  16. How to set the first option on a select box using jQuery?
  17. Problem with jQuery.ajax with ‘delete’ method in ie
  18. How to reset all checkboxes using jQuery or pure JS?
  19. How to stop refreshing page after ajax call?
  20. Enabling Save button on JQ Grid with InlineEditing and CellEdit
  21. Jquery: mousedown effect (while left click is held down)
  22. How to chain ajax requests?
  23. sort JSON by date
  24. Loop and get key/value pair for JSON array using jQuery
  25. How to use Javascript to check and load CSS if not loaded?
  26. JSON to string variable dump
  27. Select2() is not a function
  28. jQuery selector to target any class name (of multiple present) starting with a prefix?
  29. XMLHttpRequest; Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource [duplicate]
  30. How is AngularJS different from jQuery

Leave a Comment