setInterval jumps when move between browser tabs
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/5927284/how-can-i-make-setinterval-also-work-when-a-tab-is-inactive-in-chrome">How can I make setInterval also work when a tab is inactive in Chrome?</a>  </p>
</blockquote>



<p><a href="http://www.datingjapan.co" rel="nofollow">http://www.datingjapan.co</a></p>

<p>I have setInterval changing images as follows:</p>

<pre><code>    var initialFadeIn = 1000;           //initial fade-in time (in milliseconds)
    var itemInterval = 6000;            //interval between items (in milliseconds)
    var fadeTime = 2500;                    //cross-fade time (in milliseconds)

    var infiniteLoop = setInterval(function(){
        position1.eq(currentItem1).fadeOut(fadeTime);
        if(currentItem1 == numberOfItems1 -1) {currentItem1 = 0;}else{currentItem1++;}
        position1.eq(currentItem1).fadeIn(fadeTime);
    }, itemInterval);
</code></pre>

<p>I notice when I move between browser tabs in Chrome that when I come back to the site (after the interval has passed) the images quickly jump to the next. Is it possible to make this smoother? or make this occur in the background?</p>

<p>any info on this would be great.</p>

<p>thx</p>
