切换选项卡时出现奇怪的setInterval行为

Question

我有这样的横幅：

http://jsfiddle.net/ek658cmz/1/

它使用几个间隔来制作动画（我不能在这个项目中使用jQuery或类似的东西），并且在切换标签之前一切都很完美。如果我切换标签并在几秒后返回我的动画无法正常工作，看起来好像有几个动画正在尝试同时运行。有趣的是，如果我立即切换到横幅标签，一切都没问题，但更多的时间“出去” - 我得到的更多故障。

我试图在窗口模糊上清除间隔

window.addEventListener('blur', function () {
    Banner.stopAnimation();
}, false);

像那样，也试图玩动画启动

window.addEventListener('load', function () {
    Banner.init();
}, false);

window.addEventListener('focus', function () {
    Banner.init();
}, false);

还有几个尝试使用 location.reload（）重新加载模糊页面，但没有成功。

我注意到，当我通过在某个地方打开另一个窗口来模糊窗口时，动画正常结束，并且不会启动，但是当我切换到另一个时间时，我的动画就像每秒钟在背景中慢慢滴答

这里也有一个细微差别，这个横幅必须在iframe中运行。