監聽頁面的離開與顯示 “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();
}