jQuery에서 창에 포커스가 없을 때 카운터를 멈추게하려면 어떻게해야합니까?

Question

다음 코드가 있습니다. 카운트 다운은 작동하지만 창이 초점이 맞춰지지 않을 때 타이머가 멈추는 것은 작동하지 않습니다. 또한 창에 초점이 맞춰지면 카운트 다운을 다시 시작하고 싶습니다.

아래 코드에서 $(document).blur() 이벤트는 작동하지 않지만 blur를 click()으로 바꿀 때 작동합니다. blur()과 문서에 문제가 있습니까?

var tm; 
$(document).ready(function(){  
    function countdown(){ 
     if (seconds > 0) { 
      seconds--; 
      $('#timer_div').text(seconds); 
      tm = setTimeout(countdown,1000); 
      } 
     if (seconds<=0){ 
      $('#timer').text('Go'); 
      } 
     } 

     var seconds = 50; 
     $('#timer').html(seconds); 
     countdown(); 

    }); 
    $(document).blur(function(){ 
     clearTimeout(tm); 
     seconds++; 
     $('#timer').text(seconds); 

    }); 

Answer 1

var tm; 
$(document).ready(function(){  
    function countdown(){ 
     if (seconds > 0) { 
      seconds--; 
      $('#timer_div').text(seconds); 
      tm = setTimeout(countdown,1000); 
      } 
     if (seconds<=0){ 
      $('#timer').text('Go'); 
      } 
     } 

     var seconds = 50; 
     $('#timer').html(seconds); 
     countdown(); 

    }); 
    $(document).blur(function(){ 
     clearTimeout(tm); 
     seconds++; 
     $('#timer').text(seconds); 

    }); 

Answer 2

이 시도 : 당신의 응답을

var counter; 
$(document).ready(function(){ 

function countdown(){ 

    if (seconds > 0) { 
     seconds--; 
     $('#timer_div').text(seconds); 
     counter=setTimeout(countdown,1000); 
     } 
    if (seconds<=0){ 
     $('#timer').text('Go'); 
     } 
    } 




    var seconds = 50; 
    $('#timer').html(seconds); 
    countdown(); 

}); 


$(document).blur(function(){ 
    clearTimeout(counter); 
    seconds++; 
    $('#timer').text(seconds); 

});