firefox - 悬停在锚定旋转器上的 FF 问题

Question

好吧，这个错误很奇怪这是我的代码，您实际上可以使用 fiddler 看到这个错误发生

http://jsfiddle.net/LLMUX/13/

只要您不转到其他选项卡，代码就可以正常工作。代码是一个旋转器。如果您将鼠标悬停在链接上，它将显示悬停分配的 block ，然后一旦您将鼠标悬停，它将恢复主旋转

产生错误- 打开 fiddler 页面，你可以将代码复制到一个文件中并尝试，同样的事情发生了- 使用 fiddler 页面，你可以悬停或任何你想要的或什么都不做- 打开另一个选项卡，做任何几秒钟 5-10 应该做的事- 回到 fiddler 页面- 您可能会看到 2 个方 block 显示，然后最终 1 个方 block 消失

只有当您从不同的选项卡返回时才会发生这种情况，如果您留在页面上，这将永远不会发生。我试过是 safari，它没有发生 我在 IE9 上试过它没有发生!我在 FF 7 和 8 上试过这个，都遇到了这个问题。

如果有人知道为什么会发生这种情况，将不胜感激

编辑 - 可能不会 100% 发生

Answer 1

我打赌你的问题与此相同:Jquery setInterval too fast when coming from another tab

当用户不与网页交互时，浏览器会尽量减少网页处于事件状态时对性能的影响。一种这样的优化是 setTimeout/setInterval "clamping" : Firefox 5+ 触发超时的速度不超过 1 秒一次。

我看到你的代码只使用 1300 毫秒的间隔，但我猜 jQuery 的动画处理后台的方式与基于 setInterval 的代码不同，但我还没准备好调试它以了解确切原因它是这样工作的。

另见 Background Tab Animation and jQuery

(编辑)如果我是对的，我尝试修复它的方法是停止使用 setInterval 来驱动动画，而是始终使用 jQuery 的“完成”回调通过 setTimeout 安排下一张幻灯片:fadeIn - -> 等待 1s --> 淡出 --> 淡入。