Question

Here, you can find a sample of my slideshow.
The slideshow works great as long as we stay on the page. The images fade out every 5 seconds. It uses the jQuery Cycle Lite Plugin.

The bug appears when you switch to another tab in Chrome : you wait about 1 minute for example and go back to the tab where the slideshow is. Now the slideshow is kind of stopped and I don’t know why.
It only does that in Chrome, not in Firefox or Safari (I didn’t test in IE yet).
What is weirder, is that it didn’t happen on the jQuery Cycle Plugin homepage, you can leave the page and go back and the slideshows are still working.

So if someone has any idea of where the bug come from, please let me know.

Thanks.

Answer 1

Chrome increases the minimum timer delay for inactive tabs, and by a significant amount. That is, while an active tab can run interval timers (or plain timeout timers) with a minimum delay of something like 10 or 15 milliseconds, for inactive tabs that minimum is increased to something like 1 second.

Here is a relevant Stackoverflow question on the issue, and here is another with a possible solution. When you’ve got a plugin that’s running animations, however, it may require that that code be modified; depends on the plugin probably.