javascript - 如何让 javascript 计时器在不查看选项卡/窗口时停止

Question

我正在运行一个带有计时器的页面，我用它在页面的 iframe 中运行，以便我知道有人实际上在那里，窗口集中在屏幕上，如果离开，则计时器暂停，直到向后查看窗口或聚焦。

我有 4 个计时器文件:timer.css、timer.js、timer.php 和timerb.js

我相信我会在下面的文件和代码中执行它，但这就是我被困的地方，因为我不知道要添加什么或在哪里添加它，而且还没有运气，为什么在这里问，所以请看一下，如果您能提供帮助，请告诉我。

文件:timer.js

function adTimer() {
  timer++;
  if(timer == fulltimer) {
    var show="Click "+key;
    $("#buttons").fadeIn();
    $("#timer").html(show);
  }
  else {
    setTimeout(adTimer, 1000);
  }
  $("#bar").width((timer/fulltimer)*200);
}

Answer 1

这对你来说就足够了:

$(window).blur(function(){
  //your code for inactive
});
$(window).focus(function(){
  //your code for active
});

或非 jQuery 解决方案 ( https://stackoverflow.com/a/1760283 )

window.onblur = function () { 
  //your code for inactive
}; 
window.onfocus = function () { 
  //your code for active
}; 

如果没有尝试页面可见性 API(答案已在此处 https://stackoverflow.com/a/1060034)