頁面可見性（Page Visibility API） 可以有哪些用途？

頁面可見性： 就是對於用戶來說，頁面是顯示還是隱藏, 所謂顯示的頁面，就是我們正在看的頁面；隱藏的頁面，就是我們沒有看的頁面。 因為，我們一次可以打開好多標簽頁面來回切換着，始終只有一個頁面在我們眼前，其他頁面就是隱藏的，還有一種就是.........，(把瀏覽器最小化，所有的頁面就都不可見了)。

API 很簡單，document.hidden 就返回一個布爾值，如果是true, 表示頁面可見，false 則表示，頁面隱藏。  不同頁面之間來回切換，觸發visibilitychange事件。 還有一個document.visibilityState, 表示頁面所處的狀態，取值：visible, hidden 等四個。

document.addEventListener("visibilitychange", function(){
    if(document.hidden){
        document.title ="hidden";
    }else {
        document.title = "visibile";
    }
})

我們打開這個頁面，然后再打開另一個頁面，來回點擊這兩個頁面，當我們看到這個頁面時，標題顯示visiable ,當我們看另一個頁面時，標題顯示hidden;

動畫，視頻，音頻都可以在頁面顯示時打開，在頁面隱藏時關閉。