监听页面的离开与显示 “visibilitychange”

 发现手机滑动页面至后台定时器或背景音乐还在进行, 这就比较烦人

于是就找到了 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();
}