前端如何监控页面离开5分钟回来刷新页面?

Question

因为网页是体育数据网页,周末数据量大挂在后台回来页面会卡死,所以请教大家如何监听页面挂后台超过一定时间就提示用户点击确认刷新页面呢?

Answer 1

(function(){
  var ev = 'hidden' in document ? 'hidden' :    
        'webkitHidden' in document ? 'webkitHidden' :    
        'mozHidden' in document ? 'mozHidden' :    
        null;
    var state = ev.replace(/hidden/i, 'visibilitychange'),d;
    var pageChange = function(){
        if (!document[ev]) {
            (new Date().getTime()-d>5000)?(console.log('大于5s'),d = new Date().getTime()):(console.log('小于5s'));
            document.title= '当前页';
        }else{
            d = new Date().getTime();
            document.title = '离开';
        }
    }
    document.addEventListener(state, pageChange);
})();