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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 简单LMDB用法_法语简单过去时用法

    简单LMDB用法_法语简单过去时用法装载请注明出处

    2022年9月29日
    3
  • python spark教程菜鸟教程_菜鸟教程hadoop-hadoop入门教程「建议收藏」

    python spark教程菜鸟教程_菜鸟教程hadoop-hadoop入门教程「建议收藏」菜鸟教程hadoop-hadoop入门教程菜鸟教程hadoop-本站旨在为从事大数据行业或学习hadoop技术人员提供一个交流学习平台,全面收集了在大数据时代的互联网巨头企业的hadoop入门教程精华技术文章Lastly,wevariedthenumberofnodesbetween10and200withstepsize10.Meanwhile,thenumb…

    2022年5月26日
    55
  • Python自动化测试webdriver下载地址「建议收藏」

    Python自动化测试webdriver下载地址「建议收藏」主要浏览器WebDriver地址如下:Chrome:http://chromedriver.storage.proxy.ustclug.org/index.htmlFirefox:https://github.com/mozilla/geckodriver/releases/IE:http://selenium-release.storage.proxy.ustclug.org/index.htm…

    2022年9月18日
    2
  • rpm卸载安装包「建议收藏」

    rpm卸载安装包「建议收藏」rpm卸载安装包之rpm-qa|grep-invid|sort目标首先本人是想要卸载通过下面命令查询到的安装包rpm-qa|grep-invid|sort找到两个文件但是由于想卸载(base)[root@localhostname]#rpm-qa|grep-invid|sortnvidia-detect-510.47.03-1.el7.elrepo.x86_64nvidia-driver-local-repo-rhel7-510.47.03-1.0-1.x86_

    2022年9月22日
    2
  • 基于Hmily实现TCC分布式事务解决方案[通俗易懂]

    基于Hmily实现TCC分布式事务解决方案[通俗易懂]前言在上一篇中,我们大致讲述了TCC事务的来源以及执行原理,并使用seata提供的解决方案完成了一个简单案例的整合与代码演示,本篇我们将采用Hmily的方式实现TCC事务的解决方案与演示业务描述有一个银行转账的场景,用户A需要向用户B转1块钱,如果大家使用的是同一个数据库,就不存在分布式事务的问题,现实中大家都各自使用自己的库,就产生了分布式事务可以理解为,两个账户分别在不同的银行(用户…

    2022年5月21日
    38
  • C++ string常用截取字符串方法

    C++ string常用截取字符串方法string常用截取字符串方法有很多,但是配合使用以下两种,基本都能满足要求:find(stringstrSub,npos);find_last_of(stringstrSub,npos);其中strSub是需要寻找的子字符串,npos为查找起始位置。找到返回子字符串首次出现的位置,否则返回-1;注:(1)find_last_of的npos为从末尾开始寻找的位置。  …

    2022年5月19日
    40

发表回复

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

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