html5 visibilitychange事件

visibilitychange事件在當前網頁在可見和不可見之間變換的時候調用,可以設置用戶沒有瀏覽當前網頁時執行一些操作,比如停止頁面動畫。這樣可以減少網絡請求，減小服務器壓力。

document.addEventListener('visibilitychange',() =>{
            if(document.visibilityState === 'hidden' ){
                //清除動畫
                clearInterval(timer);
            }else{
               //開啓動畫
            }
        });