Run setTimeout only when tab is active

by 
(function() {
  var time = 10000,
      delta = 100,
      tid;

  tid = setInterval(function() {
    if ( document.hidden ) { return; }    
    time -= delta;
    if ( time <= 0 ) {
      clearInterval(tid);
      myFunction(); // time passed - do your work
    }        
  }, delta);
})();

Live demo: https://jsbin.com/xaxodaw/quiet

Changelog:

  • June 9, 2019: I’ve switched to using document.hidden to detect when the page is not visible.

More Related Contents:

  1. Substraction two textbox values with jquery [duplicate]
  2. How to get the children of the $(this) selector?
  3. Getting the ID of the element that fired an event
  4. jQuery $(document).ready and UpdatePanels?
  5. Remove array element based on object property
  6. Javascript – arrow functions this in event handler?
  7. Detect all changes to a (immediately) using JQuery
  8. How do I get jQuery to select elements with a . (period) in their ID?
  9. Is it possible to clone html element objects in JavaScript?
  10. Resize event for textarea?
  11. Using jQuery to find an element at a particular position?
  12. Is there a way to round numbers into a reader friendly format? (e.g. $1.1k) [closed]
  13. Use jQuery to scroll to the bottom of a div with lots of text
  14. jQuery: how to change tag name?
  15. Best way to store a key=>value array in JavaScript?
  16. jQuery – Increase the value of a counter when a button is clicked
  17. Am I using too much jQuery? When am I crossing the line?
  18. Count immediate child div elements using jQuery
  19. use jQuery to get values of selected checkboxes
  20. Calling ASP.NET Code Behind function from JavaScript
  21. Using JQuery to bind “focus” and “blur” functions for “window”, doesn’t work in IE
  22. How to show live preview in a small popup of linked page on mouse over on link?
  23. Convert dropdown to selection boxes with color and trigger drop down action
  24. Allow text box only for letters using jQuery?
  25. Execute function queue in javascript
  26. Set Request Header jQuery Ajax
  27. How do I find which JavaScript is changing an element’s style?
  28. jQuery click() still being triggered after .clickable class is removed
  29. Process a continuous stream of JSON
  30. jquery serialize and multi select dropdown

Leave a Comment