Warum beschleunigt sich mein setTimeout, wenn mehrere Tabs für meine Site geöffnet sind?

Question

Ich habe einen Timer, der jede Sekunde zählt. Es funktioniert gut, bis der Benutzer 3 oder 4 Tabs von meiner Website öffnet, an dem der Timer des neuesten Tabs doppelt oder dreifach geht. Ich kann den Fehler derzeit nur in IE8 reproduzieren. Ich habe zuvor setInterval verwendet und könnte den Fehler auch in Firefox reproduzieren.

Ich benutze tatsächlich FBJS (Facebook's Javascript), also gebe ich nur einen Pseudocode.

function countDown() { 
    ... 
    setTimeout(function() { countDown() }, 1000);  
} 

countDown(); 

aber was ich wirklich suchen ist mehr theoretischer Natur. Ich weiß, dass Browser versuchen können, mit setInterval "aufzuholen", aber wie können mehrere Registerkarten dieses Verhalten für setTimeout verursachen?

Answer 1

Diese ganze Situation ist sehr merkwürdig. Das einzige Szenario, das in den Sinn kommt, ist, dass der Browser versucht, den Zeitraum der selbst wiederherstellenden setTimeouts zu "glätten", wie bei setInterval, und der Code, der das tut, verwirrt die Timer in verschiedenen Fenstern andere.

Ich weiß nicht, ob es machbar ist, vor allem mit Facebook beteiligt, aber ein interessanter Test jeder Instanz einen randomisierten Namen für die countDown Funktion und sehen geben würde, wenn das einen Unterschied macht, wie:

<?php $timerTag = rand(1, 1000); ?> 
function countDown<?php echo $timerTag ?>() { 
    ... 
    setTimeout(function() { countDown<? php echo $timerTag ?>() }, 1000);  
} 

countDown<?php echo $timerTag ?>(); 

Wenn dies das beobachtete Verhalten ändert, spricht das für das Szenario, das ich im Auge habe. (Und möglicherweise bietet eine Möglichkeit, das Problem anzugehen.)