关于页面失去焦点时定时器乱序问题

页面失去焦点

页面失去焦点的意思时，当我们由当前页面切换（此处‘切换’不是指的链接跳转）到另一个页面时，当前页面就失去了焦点

，如果我很久才回到当前页面，若该页面中有定时器时（如我们用定时器做的图片轮播），图片就会出现空白，

出现该原因是，当当前页面失去焦点时，浏览器会减慢失去焦点页面的资源加载和运行，为获得焦点的页面提供更多的资源。

但是我们失去焦点时的页面的定时器还在按程序的规定运行，而浏览器的运行又跟不上，所以就出现空白或卡顿现象

解决方法

思路：我们可以使当页面失去焦点时清除定时器，再次获得焦点时打开的定时器

window.onfocue=function(){

//调用定时器

}

window.οnblur=function(){

clearInterval(timer) //清除定时器

}

关于页面失去焦点时定时器乱序问题相关推荐

关于JSP页面无法加载css，游览器访问jsp页面样式未生效导致乱序
关于JSP页面无法加载css,游览器访问jsp页面样式未生效导致乱序 1.修改自己过滤器中对编码格式的修改如图: 代码如下: public void doFilter(ServletRequest ...
php保存成乱序,php – 调用MySQL存储过程时出现乱序错误
我正在尝试使用PDO调用存储过程,但在尝试对结果进行获取时遇到以下错误. 警告:数据包乱序.预计1收到16.数据包大小= 163 我的存储过程使用两个游标,我在从临时表中选择之前关闭它.我怀疑这可能是 ...
volatile关键字及编译器指令乱序总结
本文简单介绍volatile关键字的使用,进而引出编译期间内存乱序的问题,并介绍了有效防止编译器内存乱序所带来的问题的解决方法,文中简单提了下CPU指令乱序的现象,但并没有深入讨论. 以下是我搭建的博 ...
简单理解计算机内存乱序
作者 | 后端技术小牛说责编 | 张文头图 | CSDN 下载自视觉中国本文探讨了自己对内存一致性模型的理解,由于不可避免的需要和操作系统底层打交道,本文主要例子和代码是 C++ 和汇编语言 ...
保证消息不会乱序——消息序号生成器
保证消息不会乱序--消息序号生成器为什么消息的时序一致性很重要? 对于聊天.直播互动等业务来说,消息的时序代表的是发送方的意见表述和接收方的语义逻辑理解,如果时序一致性不能保证,可能就会造成聊天语义 ...
pdf文档如何修改乱序页面
最近驾照考到科目三路考了,周末准备让姐姐带我到没人的地方练练车.周六上午我收拾好后到姐姐房间里等她,结果看见姐姐一遍在快速打字一边在念叨着,哪个二货连PDF文件的页面都能做成乱序的,凑近去看才知道,姐 ...
谷歌插件webscraper使用问疑难杂症（插件页面跑到右边+爬取内容乱序+自定义选择多个列表+滚动抓取社交发帖+select鼠标无法选中元素+无法识别表格+插件支持范围+爬取数据与原始顺序不一致+）
博客目录谷歌插件webscraper使用问疑难杂症解决 1.插件打开后跑到了右边 2.爬取内容乱序 3.mac的支持这个插件吗 4.除了谷歌外,火狐.IE.360等浏览器支持吗 5.自定义选择多个列 ...
html 仿饿了点餐页面,JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变
说在前面:必须是基于支持H5的浏览器才可以这个 API 本身非常简单,由以下三部分组成. document.hidden:表示页面是否隐藏的布尔值.页面隐藏包括页面在后台标签页中或者浏览器最小 ...
TCP数据流稳定性－－TCP分片,重组及乱序
1.IP分片的情况.IP软件包有一个［分片］和［重组］模块,一个IP数据报在传输中可以被ip软件包的［分片］模块分片,在目的接收端B的IP软件包的[重组]模块重新组合.接收端B的IP软件包如果收到乱 ...

关于页面失去焦点时定时器乱序问题

关于页面失去焦点时定时器乱序问题相关推荐

最新文章

热门文章