Home/ Questions/Q 6604809
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T19:12:23+00:00

Let me start with the problem: Chrome behaves strange when using setTimeout() if the

  • 0

Let me start with the problem: Chrome behaves strange when using setTimeout() if the user changes browser tabs, the executing of the Javascript is halted/pauzed. After the user changes back, Chrome wants to catch up, so the animation isn’t respecting the timneout and is animating out of control.

I’m trying to prevent Chrome from rushing the animation if the user comes back after a while. I’ve found in another question that jQuery offers a .blur & .focus event, but that doens’t seem to work either:

$(window).blur(function() {
  clearTimeout(timer) 
})

Is there any way to stop the animation on the exact moment that the user changes the tabs, or is there no event that gets fired just after the user changes tabs?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In most modern browsers when a tab isn’t in focus, timeout stop firing as often which is why you are seeing the animation being paused/jittering. This is intentional.

    There is a great mozilla article that explains how to write some logic that will handle the animations when the tab isn’t in focus. It even includes a small cross-browser library called animLoop.js to help you. The examples will also work in Chrome.

    • 0