document的visibilitychange事件

document的visibilitychange事件有时,你跑到另外一个页面去,回来发现自己的页面出了个bug,如轮播图写出来当你从别的页面在进去,原先的定时器还是会再运行,这样里面的一些值就会改变,看到的效果就不一样, 下面就是解决这个问题的方法。…

大家好,又见面了,我是你们的朋友全栈君。

有时,你跑到另外一个页面去,回来发现自己的页面出了个bug,如轮播图写出来当你从别的页面在进去,原先的定时器还是会再运行,这样里面的一些值就会改变,看到的效果就不一样,

下面就是解决这个问题的方法。

  1. document 中有个事件 visibilityChange 含义是文档流可见不可见
  2. document 还有个属性visibilityStart 值有两个离开是hidden 回来时visible
  3. 具体案例跟轮播图其中一个Bug有关
  		    document.addEventListener('visibilitychange', function () { 
   
            // console.log(document.visibilityState);
            if (document.visibilityState == 'hidden') { 
   
                console.log('文档流里面的同步和异步都停止在跑的那个位置');
            } else
                if (document.visibilityState == 'visible') { 
   
                    console.log('文档流里面的同步和异步在原先的位置接着执行');
                }
        })
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/150296.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号