브라우저가 최소화 될 때 매 5 초마다 javascript 다시로드 페이지

Question

실제로 일부 업데이트가 데이터베이스에서 발생하면 알림 사운드가 재생되므로 브라우저가 최소화 된 상태에서 5 초마다 페이지를 새로 고치려고합니다.하지만 Firefox에서는 제대로 작동하지만 Chrome에서는 문제가 없습니다. 이 작동하지 않습니다.

시나리오 :

브라우저를 최소화하고 컴퓨터의 유휴 둡니다.

나는 두 가지 방법을 시도 :

방법 1 :

<meta http-equiv="refresh" content="5;URL=http://example.com/" /> 

방법 2 :

<script> 

    $(document).ready(function() { 

    setTimeout(function(){ 
    window.location.reload(1); 
    }, 5000); 

    }); 

</script> 

어떤 도움이 좋을 것.

Answer 1

창 흐림 및 초점 윈도우의 뷰 상태를 감지 할 수 이벤트.

예 :이 도움이

var timer = null; 

//when the window is minimized or when user is in different tab . 
    window.addEventListener('blur', function(){ 

     timer = setInterval(function(){ 

      window.location.reload(1); 

     },5000) 

    }, false); 


//when user is back to window 
    window.addEventListener('focus', function(){ 

     //stop the page reload once 

     if(timer != null){ 

     clearInterval(timer); 

     } 
    }, false); 

희망.