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秒。 但是，当我将页面留在非活动标签中并在一段时间后返回时，动画在非活动标签中不起作用。 我看到混乱的衰落元素。 您能说出解决这个问题的方法吗？

UPDATE

http://jsfiddle.net/uNmks/

与动画链接

Answer 1

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

有关其他变通办法，请参阅我之前关于此主题的文章 。

Answer 2

请参阅第二个注释， 网址为http://api.jquery.com/animate/#notes-0