Javascript 在jQuery中，当窗口未聚焦时，如何使计数器停止？

我有以下代码。倒计时起作用，但当窗口不对焦时计时器停止不起作用。另外，我想在窗口对焦时恢复倒计时

在下面的代码中，

$（document）.blur（）

事件不起作用，但当我用

单击（）

替换blur时，它就起作用了。

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);

    });

var-tm；
$（文档）.ready（函数（）{
函数倒计时（）{
如果（秒>0）{
秒--；
$（'#timer_div'）。文本（秒）；
tm=设置超时（倒计时，1000）；
}
如果（秒
var tm；
$（文档）.ready（函数（）{
函数倒计时（）{
如果（秒>0）{
秒--；
$（'#timer_div'）。文本（秒）；
tm=设置超时（倒计时，1000）；
}
如果（秒
var tm；
$（文档）.ready（函数（）{
函数倒计时（）{
如果（秒>0）{
秒--；
$（'#timer_div'）。文本（秒）；
tm=设置超时（倒计时，1000）；
}
如果（秒尝试以下操作：

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);

});

var计数器；
$（文档）.ready（函数（）{
函数倒计时（）{
如果（秒>0）{
秒--；
$（'#timer_div'）。文本（秒）；
计数器=设置超时（倒计时，1000）；
}
如果（秒尝试以下操作：

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);

});

var计数器；
$（文档）.ready（函数（）{
函数倒计时（）{
如果（秒>0）{
秒--；
$（'#timer_div'）。文本（秒）；
计数器=设置超时（倒计时，1000）；
}
if（secondsHi，感谢您的回复。我尝试过，但没有效果。这是我的JSFIDLE。非常感谢，因为
$（document）.blur（）有问题。如果我使用click（）而不是blur，它会起作用。。blur事件和文档有问题吗？@alexx0186使用
$（document）.mouseleave
而不是
blur
嗨，谢谢你的回复。我试过了，但没用。这是我的JSFIDLE。非常感谢，因为
$（文档）有问题。blur（）
。如果我用click（）而不是blur，它可以工作。blur事件和文档有问题吗？@alexx0186使用
$（文档）.mouseleave
而不是
blur