用户在特定页面上活动指定时间后运行 JS 函数

Question

考虑到允许选项卡切换，从客户端实现此目的的最简单方法是什么。
如果浏览器在移动设备上最小化，给定的解决方案是否也有效？

Answer 1

Page_Visibility_API 允许您检查用户是否在页面上： https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API 并且它还有方法

visibilitychange

这可能是更好的方法。

示例：过渡到隐藏时暂停音乐

document.addEventListener("visibilitychange", function() {
  if (document.visibilityState === 'visible') {
    backgroundMusic.play();
  } else {
    backgroundMusic.pause();
  }
});