浏览器切换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>

 

当切换页面再返回时，输出为：