How do you handle multiple instances of setTimeout()?

by

when you call settimeout, it returns you a variable “handle” (a number, I think)

if you call settimeout a second time, you should first 

clearTimeout( handle )

then:

handle = setTimeout( ... )

to help automate this, you might use a wrapper that associates timeout calls with a string (i.e. the div’s id, or anything you want), so that if there’s a previous settimeout with the same “string”, it clears it for you automatically before setting it again,

You would use an array (i.e. dictionary/hashmap) to associate strings with handles.

var timeout_handles = []    
function set_time_out( id, code, time ) /// wrapper
{
    if( id in timeout_handles )
    {
        clearTimeout( timeout_handles[id] )
    }

    timeout_handles[id] = setTimeout( code, time )
}

There are of course other ways to do this ..

More Related Contents:

  1. What does the exclamation mark do before the function?
  2. Convert date to another timezone in JavaScript
  3. How to read a local text file?
  4. Javascript object Vs JSON
  5. React won’t load local images
  6. Can I apply the required attribute to fields in HTML5?
  7. Prevent redirection of Xmlhttprequest
  8. How to add/update an attribute to an HTML element using JavaScript?
  9. Concatenating variables and strings in React
  10. Check if Point Is Inside A Polygon
  11. How can I use goto in Javascript?
  12. Inject a script tag with remote src and wait for it to execute
  13. Mongoose find/update subdocument
  14. Need to cancel click/mouseup events when double-click event detected
  15. How do I generate sourcemaps when using babel and webpack?
  16. Is it possible to access an SQLite database from JavaScript?
  17. How to blur the div element?
  18. Merge two arrays with alternating values
  19. Dynamically create and submit form
  20. AJAX request to local file system not working in Chrome? [duplicate]
  21. Detecting combination keypresses (Control, Alt, Shift)?
  22. Implied string comparison, 0==”, but 1==’1′
  23. Merge Array of Objects by Property using Lodash
  24. Replace string in javascript array
  25. JSON.stringify output to div in pretty print way
  26. pack / unpack functions for node.js [closed]
  27. Remove JSON element
  28. How is the nullish coalescing operator (??) different from the logical OR operator (||) in ECMAScript?
  29. AngularJS Promises, $q, defer
  30. How to style canvas elements with CSS

Leave a Comment