저는 Perl로 작성된 HTML, CSS 및 JavaScript를 사용하여 브라우저 게임을 작성하고 있습니다. 건강과 체력은 서버에 저장되며 JavaScript를 사용하여 현재 페이지가 로드될 때 이러한 통계의 실시간 업데이트 개수를 사용자에게 표시합니다. 이 기능은 잘 작동하지만 사용자가 탭을 전환하거나 다른 앱으로 전환하고 브라우저를 백그라운드에서 실행 중인 상태로 두면 돌아올 때 표시되는 카운트 값이 제대로 유지되지 않습니다. 따라서 브라우저로 다시 전환하면 카운터에 체력이 50/100으로 표시될 수 있지만 실제로는 체력이 100/100입니다. 따라서 게임에서 어떤 작업(새 페이지 로드)을 하면 서버는 카운터를 실제 값으로 업데이트합니다. 왜냐하면 JavaScript는 브라우저에서 사용자에게 "실시간" 스크롤 보기를 표시할 타이밍일 뿐이기 때문입니다.

페이지/탭이 비활성화되어 있거나 포그라운드에 있지 않은 경우에도 JavaScript 카운터가 계속 작동하도록 하는 방법이 있습니까? 라이브 서버 푸시 콘텐츠의 연속 스트림을 브라우저의 사용자에게 표시하기 위해 게임을 완전히 다시 작성하는 것이 부족합니까?

게임을 하고 있다고 가정해 보세요. 건강과 체력이 회복되는 것을 볼 수 있습니다. 잠시 동안 다른 프로그램으로 전환한 다음 브라우저에서 게임으로 돌아갑니다. 자리를 비운 동안에는 체력과 체력이 업데이트되지 않습니다. 하지만 게임에서 작업을 수행하면 서버 내부에서 추적되기 때문에 값이 원래대로 업데이트됩니다. 이것이 제가 해결하고 싶은 문제입니다. 그것이 명확해지기를 바랍니다!

저는 이 문제를 해결하기 위해 온라인으로 검색한 것 외에는 아무것도 시도하지 않았고 결국 이 사이트에서 정말 "좋은" 답변을 단 하나도 찾지 못했기 때문에 물어보기로 결정했습니다.