setInterval，firefox中的非活动选项卡

Question

cyanBlick();
var intervalID;
intervalID = setInterval(cyanBlick, 7000);

function cyanBlick() {
    $(".anim").each( function(indx, element) {
        $(element).delay(indx * 1000).fadeIn(250).delay(500).fadeOut(250);
    });
}

我有使用.anim类动画元素的代码。间隔7秒。但是当我将页面保留在非活动选项卡中，并在一段时间后返回时，动画在非活动选项卡中不起作用。我看到混乱的褪色元素。你能说出这个问题的解决方案吗？

更新

http://jsfiddle.net/uNmks/

与动画链接

Answer 1

当在Firefox或Chrome中看不到标签窗口时，间隔计时器可能会变慢，延迟或停止。一种解决方案是在窗口不再可见时停止动画，并在窗口可见时再次重新启动。

有关其他解决方法的建议，请参阅本主题的previous post。

Answer 2

请参阅http://api.jquery.com/animate/#notes-0

上的第二个说明