setInterval，Firefox中的非活动选项卡答案

【问题标题】：setInterval, non active tab in firefoxsetInterval，Firefox中的非活动选项卡
【发布时间】：2011-12-26 20:23:32
【问题描述】：

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/

动画链接

【问题讨论】：

介意在 jsfiddle.net 上发布一个活生生的例子吗？问题不在于该选项卡处于非活动状态。这与您调用动画的方式有关。

标签： javascript jquery firefox setinterval

【解决方案1】：

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

请参阅我的previous post，了解有关此主题的其他解决方法。

【讨论】：

下载库visibility.js，搜索解决方案

【解决方案2】：

请参阅http://api.jquery.com/animate/#notes-0 的第二条注释

【讨论】：