Javascript 是否在活动选项卡上暂停设置间隔()?

Javascript 是否在活动选项卡上暂停设置间隔()?,javascript,setinterval,onblur,Javascript,Setinterval,Onblur,我有一个幻灯片,使用setInterval每15秒在图像中旋转一次。当选项卡处于非活动状态时,我使用onfocus和onblur停止setInterval。这就是我正在使用的: var timerid; function stopTimer() { clearInterval(timerid); window.onblur = null; window.onfocus = function(){startTimer();} } function startTimer()

我有一个幻灯片,使用setInterval每15秒在图像中旋转一次。当选项卡处于非活动状态时,我使用onfocus和onblur停止setInterval。这就是我正在使用的:

var timerid;

function stopTimer() {
    clearInterval(timerid);
    window.onblur = null;
    window.onfocus = function(){startTimer();}
}
function startTimer() {
    timerid = setInterval(displayNextImg, 15000);
    window.onblur = function(){stopTimer();}
    window.onfocus = null;
}

window.onblur = function() { StopTimer(); }


function displayNextImg() {
    x = (x === img.length - 1) ? 0 : x + 1;
        document.getElementById("img").src = img[x];
}
我试图添加的是,当用户向下滚动页面时,停止setInterval倒计时,并且sildeshow不在用户的视图中,类似于选项卡处于非活动状态时。我应该得到幻灯片的位置并与用户的位置进行比较吗?如果是,请停止设置的间隔倒计时,并在看到间隔后再次开始

顺便说一下,我没有使用jQuery


非常感谢您的帮助。

StopTimer;!==停止计时器;,在onblur事件中,StopTimer中的S应该是小写的。@Xero对此表示感谢。我没有注意到。