visibilitychange 썸네일형 리스트형 [JavaScript] visibilitychange 이벤트를 통해 세션 타임아웃 동기화하기 개요setInterval(), setTimeout()을 이용하여 세션 타임아웃을 구현하는 경우 Page Visibility API로 인해 예상된 결과가 출력되지 않을 수 있습니다.이를 해결하기 위해 visibilitychange 이벤트를 이용하여 세션 타임아웃을 동기화하는 방법을 공유하고자 합니다. setInterval() 함수를 통해 세션 타임아웃 기능을 구현하곤 합니다.세션 타임아웃을 5분으로 설정된 화면에서 사용자는 3분 동안 브라우저를 최소화하였습니다.다시 화면을 활성화하였을 때 예상된 2분과 상이한 결과를 출력되게 됩니다. 다음과 같은 현상은 브라우저 비활성화(탭 이동, 최소화 등)하였을 때 Page Visibility API가 브라우저 리소스를 절약함에 발생하게 됩니다.이를 해결하기 위해 v.. 더보기 이전 1 다음