When using setInterval, if I switch tabs in Chrome and go back, the slider goes crazy catching up

by

How to detect when a tab is focused or not in Chrome with Javascript?

window.addEventListener('focus', function() {
    document.title="focused";
},false);

window.addEventListener('blur', function() {
    document.title="not focused";
},false);

To apply to your situation:

var autopager;
function startAutopager() {
    autopager = window.setInterval(nextImage, 8000);
}
function stopAutopager() {
    window.clearInterval(autopager);
}

window.addEventListener('focus', startAutopager);    
window.addEventListener('blur', stopAutopager);

Note that in the latest version of Chromium, there is either a bug or a ‘feature’ which is making this less reliable, requiring that the user has clicked at least once anywhere in the window. See linked question above for details.

More Related Contents:

  1. Get the real width and height of an image with JavaScript? (in Safari/Chrome)
  2. Is it possible to display a custom message in the beforeunload popup?
  3. How to wait until an element exists?
  4. jqGrid does not render correctly in Chrome/Chrome Frame
  5. Jquery load() only working in firefox?
  6. JSFiddle code not working in my own page
  7. Chrome Uncaught Syntax Error: Unexpected Token ILLEGAL [duplicate]
  8. How to use jQuery in chrome extension?
  9. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  10. Unexpected token ILLEGAL in webkit
  11. Prevent contenteditable adding on ENTER – Chrome
  12. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  13. AJAX request to local file system not working in Chrome? [duplicate]
  14. Setting onbeforeunload on body element in Chrome and IE using jQuery
  15. JQuery Slider, how to make “step” size change
  16. How can I retain the scroll position of a scrollable area when pressing back button?
  17. How to disable Chrome’s saved password prompt setting through JavaScript
  18. Disable Chrome strict MIME type checking
  19. Anchor tag download attribute not working :Bug in Chrome 35.0.1916.114
  20. Proper way to reset a GIF animation with display:none on Chrome
  21. jQuery in Chrome returns “block” instead of “inline”
  22. Can’t trigger click with jQuery in a Chrome extension
  23. In a Chrome Extension content script, must I wait for document.ready before processing the document?
  24. Function as Google Chrome bookmark
  25. Get cursor or text position in pixels for input element
  26. How to find what code is run by a button or element in Chrome using Developer Tools
  27. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  28. How can I stop jQuery.ajax() from logging failures to the console?
  29. Choppy/Laggy scroll event on Chrome and IE
  30. Print repeating Page headers in Chrome [closed]

Leave a Comment