Question

I have made a carousel and using JavaScript setInterval() function for rotate image with fixed interval in carousel. Here’s the script that I had used:

var timeOut = 4000;

function showSlide() {
       //....script for showing image
}

function pauseSlide() {
        
   setInterval(function(){showSlide();}, timeOut);
                
}

jQuery(document).ready(function() {
        pauseSlide();
});

Now the problem is when I have change the browser tab and after few minute back again to carousel browser and what I seen carousel running too faster rather than default time interval, images going to change fast suppose 0 time interval. Please help me with how I can sort this out.

Answer 1

From what I know in newer versions of both firefox and chrome, background tabs have setTimeout and setInterval clamped to 1000ms to improve performance. So I think that your issue might relate to that.

Maybe this will help : How can I make setInterval also work when a tab is inactive in Chrome?