vue+webapp 解决锁屏定时器不走问题

1.监听 visibility change 事件   可以监听浏览器是否离开

2. 计算离开的时间

document.addEventListener('visibilitychange', ()=>{

// 页面变为不可见时触发

    if (document.visibilityState == 'hidden') {

this.leaveTime = parseInt(new Date().getTime()/ 1000);

}

// 页面变为可见时触发

    if (document.visibilityState == 'visible') {

let nowTime = parseInt(new Date().getTime()/ 1000);

let currentTime = nowTime - this.leaveTime;//离开的时间

}

});