javascript - 如果用户在此选项卡中未处于活动状态，如何使倒计时暂停，如果处于活动状态则继续？

Question

这是我的代码，如果用户在该选项卡中未处于活动状态，我如何使倒计时暂停，如果他将打开该选项卡，则再次恢复

   var count= 10;

var counter=setInterval(timer, 1000);
function timer(){
    //alert("hi");
    count=count-1;

    if (count <= 0){ 
        //alert("done");
        $('#wpblitz-wait1').css('display', 'none');
        $('#wpblitz-generate').css('display', 'block');
        clearInterval(counter);
        return;
    }
    $("#wpblitz-time").html(count);

标签： javascript

Answer 1

您可以使用 window.focus 允许专注于窗口。

仅当焦点在当前窗口上时才调用该函数。

window.blur() 方法还用于检查用户是否将焦点从当前窗口移开。

$(window).focus(function() 
{
    var counter=setInterval(timer, 1000);
});