浏览器切换tab 或者隐藏 计时器出现的bug

当浏览器切换页面或者最小化页面时,网页中如果存在计时器,再次打开可能出现bug,如使用计时器的图片轮播,在网页来回切换的时候图片会乱,解决方法:

由visibilitychange 判断当前的活动状态,

当前页面有没有被隐藏 hidden

<script>
    var bowhidden="hidden" in document?"hidden": "webkithidden" in document?"webkithidden": "mozhidden" in document ?"mozhidden": null;
    var vibchage="visibilitychange" || "webkitvisibilitychange" || "mozvisibilitychange";
    document.addEventListener(vibchage,function (){
        /*ie10+  moz  webkit  默认*/
        if(!document[bowhidden]) /*false*/
        {
            console.log("激活");
        }
        else{
            /*true*/
            console.log("隐藏");
        }
    });
</script>

 

当切换页面再返回时,输出为:


版权声明:本文为weixin_43684713原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。