Javascript 在浏览器选项卡之间移动时，setInterval会跳转

可能重复：

我有如下更改图像：

    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);

我注意到，当我在Chrome的浏览器选项卡之间移动时，当我回到站点时（间隔时间过后），图像会快速跳转到下一个。有没有可能使这个更平滑？还是让这发生在后台

这方面的任何信息都会很好

---

thx

它发生在setInterval中，但不发生在setTimeout中。诀窍是使用递归函数而不是setInterval。调用该函数作为最后一个动画的回调

function infiniteLoop() {
    setTimeout(function() {
        position1.eq(currentItem1).fadeOut(fadeTime);
        if (currentItem1 == numberOfItems1 - 1) {
            currentItem1 = 0;
        } else {
            currentItem1++;
        }
        position1.eq(currentItem1).fadeIn(fadeTime, infiniteLoop);
    }, itemInterval);
}

infiniteLoop();

答案是：我不知道如何链接到一个特定的帖子，但是搜索一个有链接的帖子：你也可以点击链接找到一个可行的方法。