jQueryでは、ウィンドウにフォーカスがないときにカウンタを停止させるにはどうすればよいですか？

Question

私は次のコードを持っています。カウントダウンは機能しますが、ウィンドウがフォーカスされていないときのタイマーの停止は機能しません。また、ウィンドウがフォーカスしているときにカウントダウンを再開したいと思います。

以下のコードでは、$(document).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); 

});