서버에서 데이터를 가져 와서 매 5 초마다 AJAX에서 자체적으로 업데이트되는 웹 페이지가 있습니다. 그러나 사용자가 적극적으로 페이지를 볼 때만 업데이트를 수행하고 싶습니다.사용자가 웹 페이지를 적극적으로보고 있는지 확인
사용자가 다른 탭, 브라우저가 아닌 다른 프로그램 또는 다른 페이지에서 사용자 PC의 주 활성 페이지가 아닌 경우 업데이트가 수행되지 않아야합니다.
이것을 테스트하는 가장 정확하고 크로스 브라우저가되는 방법은 무엇입니까?
jQuery idleTimer 플러그인은 필요한 것을 정확하게 처리해야합니다.
문서 도구 현재 위치 : http://paulirish.com/2009/jquery-idletimer-plugin/
데모는 여기에 있습니다 : 당신이 순수 JS 방식을 선호하는 경우 http://ajaxdump.com/?8ADKBT6O
는 여기에 솔루션입니다 :
비록 프레임에서 작동하지 않습니다
(function(){
var itl=null;
window.onfocus=function(){itl=window.setInterval(/*heartbeat function*/,5000);};
window.onblur=function(){if(itl){window.clearInterval(itl);}};//stop heartbeat
})();
페이지 가시성 API 사용하는 것이 가장 좋습니다 : https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API
이 답변 중 하나가 작동 했는가를? –