Perché il mio setTimeout si accelera quando sono aperte più schede sul mio sito?

Question

Ho un timer che conta alla rovescia ogni secondo. Funziona benissimo finché l'utente non apre 3 o 4 schede del mio sito, a quel punto il timer della scheda più recente va a velocità doppia o tripla. Attualmente posso riprodurre il bug solo in IE8. In precedenza utilizzavo setInterval e potevo riprodurre il bug anche in Firefox.

Attualmente sto usando FBJS (Javascript di Facebook), quindi mi limiterò a dare qualche pseudocodice.

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

countDown(); 

Tuttavia, quello che sto veramente cercando è più teorico. So che i browser possono provare a giocare "catch up" con setInterval, ma in che modo più schede possono causare questo comportamento per setTimeout?

Answer 1

Tutta questa situazione è molto strana. L'unico scenario che viene in mente dove ha senso è quello in cui il browser sta cercando di "attenuare" il periodo di setTimeouts auto-ripristinante, come per setInterval, e il codice che sta facendo in realtà confonde i timer in finestre diverse con ciascuno altro.

Non so se è fattibile, in particolare con Facebook coinvolto, ma un test interessante sarebbe quello di dare ogni istanza un nome randomizzato per la funzione countDown e vedere se questo fa alcuna differenza, come:

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

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

Se questo cambia il comportamento osservato, ciò indica lo scenario che ho in mente. (E probabilmente fornisce un modo per affrontare il problema.)