一个大老鼠
一个大老鼠
  • 发布:2018-08-30 10:44
  • 更新:2018-08-30 10:44
  • 阅读:7033

应用切到前台,自动刷新当前页面

分类:HTML5+

有一个问题:应用长时间停留在后台,再切回前台,因为应用长时间未刷新页面,导致的页面数据过于陈旧,与数据库不一致。
由此引申出来的需求:应用切换到后台1分钟之后,再切换到前台,自动刷新页面。
js 实现:

(function () {  

    var pauseTimestamp;  

    // 切到前台的时候  
    document.addEventListener( "resume", function () {  
        //切换到前台的时间戳  
        var resumeTimestamp = Date.now();  

        //如果应用已经切到后台1分钟以上了  
        if(resumeTimestamp - pauseTimestamp > 60000){  
        // if(resumeTimestamp - pauseTimestamp > 5000){  
            //刷新当前页  
            location.reload();  
        }  
    } );  

    // 切到后台的时候  
    document.addEventListener( "pause", function () {  

        //得到当前时间戳  
        pauseTimestamp = Date.now();  
    } );  
})();
2 关注 分享
s***@gmail.com 1***@qq.com

要回复文章请先登录注册