发现手机滑动页面至后台定时器或背景音乐还在进行, 这就比较烦人
于是就找到了 visibilitychange事件, 以下是 《JavaScript 标准参考教程(alpha)》中对其进行的详细解释,
猛戳↓↓↓
https://javascript.ruanyifeng.com/htmlapi/pagevisibility.html
目前使用场景 (结束和重启定时器 , 修改页面title, 关闭或重启页面背景乐)
下面是关闭和重启定时器的栗子
document.addEventListener("visibilitychange", () => { // 用户离开了当前页面 if (document.visibilityState === "hidden") { if (this.inter) clearInterval(this.inter); }
// 用户打开或回到页面 if (document.visibilityState === "visible") { this.openInter(); }