页面不活动时停止setTimeout循环，页面活动时重新启动

// 定义全局变量
var timer;

// 页面不活动时停止循环
function stopLoop() {
  clearTimeout(timer);
}

// 页面活动时重新启动循环
function startLoop() {
  timer = setTimeout(function() {
    // 循环执行的代码
    console.log("循环执行中...");
    
    // 继续下一次循环
    startLoop();
  }, 1000); // 设置循环执行的时间间隔，单位为毫秒
}

// 监听页面的可见性
document.addEventListener("visibilitychange", function() {
  if (document.visibilityState === "hidden") {
    // 页面不可见，停止循环
    stopLoop();
  } else {
    // 页面可见，重新启动循环
    startLoop();
  }
});