窗口不在焦点时的window.setTimeout行为

这是我能想到的最简单的复制代码:

ms = 30; // 1000 ?
num = 1;
function test()
{
    num+=ms;
    document.getElementById('Submit').value = num; // Using native Javascript on purpose
    if (num < 4000)
        window.setTimeout(test, ms);
}
test()

我将ms(迭代之间的毫秒数)设置为30,运行脚本并移动到浏览器上的不同选项卡.

然后我等待大约10秒钟(脚本应该在4秒内完成)然后回到选项卡.

如果我使用Firefox,我看到脚本还没有完成,数字仍然在运行(从我离开它们的地方恢复,我猜).

这很烦人,

但如果我改为ms1000并重复上述步骤,当我回到标签时,我看到脚本确实已经完成了.

(该脚本仍需要4秒钟才能完成).

也就是说,即使窗口没有焦点,有时Firefox也会运行window.setTimeout,有时它不会.可能取决于持续时间

另一方面,Internet Explorer不会发生这种情况.

即使选项卡没有聚焦,它也会继续运行脚本.无论我怎么设置ms.

这是由于Firefox的某些性能考虑因素吗？

究竟发生了什么？

现在,如何在浏览器之间保持一致的基本功能？

或者,我工作错了吗？编码是一种奇怪的方式吗？

我只是尝试以延迟的方式反复更改DOM,而不使用setInterval(因为我正在改变它自己的间隔).

最重要的是,我该如何看待这个？

我不能假设我的用户不会离开标签.

我想让我的用户离开页面,就像人们想要的那样.

如果一个人离开并在半小时后回来,他/她将在页面上看到不相关的动画,仍在运行.

连接到该页面的所有用户都可以看到其中一些动画.

它们不需要以毫秒的分辨率同步,但只有当用户将选项卡/窗口置于焦点时才能启动它们.

我正在使用Firefox 25.0.1和IE 11.(Windows 7)