JS监听页面是否被隐藏和显示

（1）使用 addEventListener监听visibilitychange

document.addEventListener('visibilitychange', function () {
    let pageVisibility = document.visibilityState;
    // 页面变为不可见时触发
    if (pageVisibility == 'hidden') {
        console.log("离开时间点：" + new Date());
    }
    // 页面变为可见时触发
    if (pageVisibility == 'visible') {
        console.log("重新进入时间点：" + new Date());
    }
})

（2）当document.visibilityState为hidden时，页面被隐藏，当为visible时，页面被重新显示。