Why does my setTimeout speed up when I have multiple tabs open to my site?
Asked Answered
F

1

6

I have a timer that counts down every second. It works great until the user opens up 3 or 4 tabs of the my site, at which point the newest tab's timer goes double or triple speed. I can currently only reproduce the bug in IE8. I was previously using setInterval, and could reproduce the bug in Firefox as well.

I'm actually using FBJS (Facebook's Javascript), so I'll just give some pseudocode.

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

countDown();

However, what I'm really looking for is more theoretical. I know browsers can try and play "catch up" with setInterval, but how can multiple tabs cause this behaviour for setTimeout?

Faust answered 21/7, 2009 at 5:12 Comment(0)
S
5

That whole situation is very odd. The only scenario that's coming to mind where it makes any sense is one where the browser is trying to "smooth" the period of self-reinstating setTimeouts, same as for setInterval, and the code that's doing that actually confuses timers in different windows with each other.

I don't know if it's feasible, especially with Facebook involved, but an interesting test would be to give each instance a randomized name for the countDown function and see if that makes any difference, like:

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

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

If this changes the observed behavior, that argues for the scenario I have in mind. (And possibly provides a way of addressing the problem.)

Strickler answered 21/7, 2009 at 5:33 Comment(3)
Wow, giving the functions randomized names did the trick! How is it possible that javascript in different windows can affect each other?Faust
Bizarre, isn't it? I guess it must be something like I was saying, "smoothing" code somewhere in the guts of the browser identifying functions only by name (well, probably by site + name) and not differentiating between different tabs/windows. Might be worth a bug report somewhere, really.Strickler
This may be an alternate solution without PHP: #6113171Lizzielizzy

© 2022 - 2024 — McMap. All rights reserved.