Javascript 页面未聚焦时停止倒计时

大家好，我是JavaScript新手，我想在页面加载时自动开始倒计时，只有在页面聚焦时才恢复。下面是一个示例

http://hp30405.pythonanywhere.com/mz7z5/

如何在

setTimeout（function（）{}）中使用相同的逻辑

这是我的剧本：

$（窗口）.load（函数（）{
var timeleft=20；
var downloadTimer=setInterval（函数（）{
document.getElementById（“计时器”）.innerHTML=timeleft；
时间限制-=1；
如果（时间间隔<0）{
clearInterval（下载计时器）；
document.getElementById（“计时器”）.innerHTML=“完成20秒”；
}
}, 1000);
setTimeout（函数（）{
$（“#提交”）.removeAttr（“禁用”）；
}, 22000);
});
您使用
$（窗口）.blur（）
和
$（窗口）.focus（）
到
clearInterval
和
setInterval
。试试这个
unfotunaly它在代码段中不起作用，但在代码段之外可以正常工作


let下载定时器；
var timeleft=20；
downloadTimer=setInterval（倒计时，1000）；
函数倒计时（）{
document.getElementById（“计时器”）.innerHTML=timeleft；
时间限制-=1；
如果（时间间隔<0）{
clearInterval（下载计时器）；
document.getElementById（“计时器”）.innerHTML=“完成20秒”；
}
}
$（窗口）.blur（函数（）{
控制台日志（“模糊”）；
clearInterval（下载计时器）；
})
$（窗口）.focus（函数（）{
控制台日志（“聚焦”）；
downloadTimer=setInterval（倒计时，1000）；
})

您使用
$（窗口）.blur（）
和
$（窗口）.focus（）
到
clearInterval
和
setInterval
。试试这个
unfotunaly它在代码段中不起作用，但在代码段之外可以正常工作


let下载定时器；
var timeleft=20；
downloadTimer=setInterval（倒计时，1000）；
函数倒计时（）{
document.getElementById（“计时器”）.innerHTML=timeleft；
时间限制-=1；
如果（时间间隔<0）{
clearInterval（下载计时器）；
document.getElementById（“计时器”）.innerHTML=“完成20秒”；
}
}
$（窗口）.blur（函数（）{
控制台日志（“模糊”）；
clearInterval（下载计时器）；
})
$（窗口）.focus（函数（）{
控制台日志（“聚焦”）；
downloadTimer=setInterval（倒计时，1000）；
})

sir您没有阅读我的完整问题如果页面已加载，则倒计时开始，如果页面模糊或聚焦，则倒计时暂停未结束，如果用户再次返回pagr，则倒计时恢复未重新启动是什么阻止您在代码中实现建议的答案？sir如果页面已加载，则您没有阅读我的完整问题倒计时开始，如果页面模糊或聚焦，则倒计时暂停不结束，如果用户再次返回pagr，则倒计时恢复不重新开始是什么阻止了您在代码中实现建议的答案？先生，在页面加载时初始开始，但如果我打开另一个选项卡，则它不会停止连续运行您的ans不是work@Techno 这在这个
代码段中不起作用
只需在单独的文件中使用它即可。好的，先生，我怎样才能在
setTimeout（function（）{$（“#submit”）.removeAttr（“disabled”）}，22000）中应用相同的逻辑查看我的网站中的live<代码>http://hp30405.pythonanywhere.com/mz7z5/
@Techno-Harsh如果您满意，请接受答案。@Techno-Harsh完全不清楚22000的原因以及您需要如何使用该按钮。如果您也需要暂停，请使用相同/类似的逻辑。来吧，自己编写代码！这很有趣。先生，它最初是从页面加载开始的，但如果我打开另一个选项卡，它不会停止，它会持续运行，您的ans不会work@Techno这在这个
代码段中不起作用
只需在单独的文件中使用它即可。好的，先生，我怎样才能在
setTimeout（function（）{$（“#submit”）.removeAttr（“disabled”）}，22000）中应用相同的逻辑查看我的网站中的live<代码>http://hp30405.pythonanywhere.com/mz7z5/
@Techno-Harsh如果您满意，请接受答案。@Techno-Harsh完全不清楚22000的原因以及您需要如何使用该按钮。如果您也需要暂停，请使用相同/类似的逻辑。来吧，自己编写代码！很有趣。