自定义Div滑块运行过快，但仅当从另一个浏览器选项卡返回时

Question

当我查看正在运行的代码时，没有任何问题。但是，一旦我在另一个浏览器选项卡上花了一些时间，然后返回到运行中的代码，时间/速度就太快了。

这是jQuery:

var divId = 1;
var lp = 0;
$(document).ready(function (){
    setInterval(function()
        {
        //<![CDATA[
            if(divId < 6)
            {
                $('.main-banner').animate({ left: lp },400);
                $(".first-icon-inner").removeClass("active-icon");
                $("#banner-"+divId+" div:first").addClass('active-icon');
                    divId++;
                    lp-=550;
            }
            else
            {
                lp = 0;
                divId=1;
                $('.main-banner').animate({ left: lp },400);
                $(".first-icon-inner").removeClass("active-icon");
                $("#banner-"+divId+" div:first").addClass('active-icon');

            }
            //]]>
    }, 3400);
});

Answer 1

jQuery有一个错误<1.6.3…摘自jQuery 1.6.3发布说明：

当我们在1.6版本中添加支持时，我们对浏览器的requestAnimationFrame API寄予厚望。然而，自那以后，我们收到的投诉量最高的一个是requestAnimationFrame在选项卡不可见时的行为方式。当选项卡是不可见的"堆栈"时启动的所有动画，在选项卡重新聚焦之前不会执行。然后他们都以曲速动画！我们已经取消了对这个API的支持（它对您调用jQuery动画功能的方式没有影响），并计划将其合并到jQuery的未来版本中。

我建议你更新到更新的版本。。。即jQuery=>1.6.3