2020-11-13 게시 됨2021-08-04 업데이트 됨web1분안에 읽기 (약 220 단어)

chrome inactive tab setTimeout, setInterval 실행 느림

브라우저에서 js 코드 실행속도가 이상하게 느려져서 어떤 문제인가했는데,
개발자도구를 새창으로 열고(콘솔보는용도로)
탭을 백그라운드로 보내버렸더니 생긴문제였다
setTimeout, setInterval 메서드의 경우 탭이 인액티브 상태이면 1초 이상으로 제한된다고 한다
인액티브 상태는 최소화하는 등 화면에서 사라지는 경우를 말하는 것 같다

1
2
3

setInterval(() => {
  log(1);
}, 100);

위코드를 작성하고 개발자도구 콘솔창을 새창으로 열고
탭을 최소화하면 1초 간격으로 실행되는 것을 확인 할 수 있다

참고