requestAnimationFrame监听浏览器出去非活动状态

可以使用`requestAnimationFrame`来监听浏览器是否处于非活动状态。当浏览器窗口失去焦点时，可以通过监听`blur`事件来触发相应的操作。

以下是一个示例代码：

function checkBrowserActivity() {
  if (!document.hidden) {
    // 浏览器处于活动状态
    // 执行相应的操作
    console.log('浏览器处于活动状态');
  } else {
    // 浏览器处于非活动状态
    // 执行相应的操作
    console.log('浏览器处于非活动状态');
  }
}

function handleBlur() {
  // 监听窗口失去焦点事件
  document.addEventListener('blur', checkBrowserActivity);
}

function handleFocus() {
  // 监听窗口获得焦点事件
  document.addEventListener('focus', checkBrowserActivity);
}

// 初始化
handleBlur();
handleFocus();

在上述代码中，`checkBrowserActivity`函数用于检查浏览器的活动状态。当浏览器窗口失去焦点时，`blur`事件会触发`checkBrowserActivity`函数，从而判断浏览器是否处于非活动状态。