页面失去焦点
页面失去焦点的意思时,当我们由当前页面切换(此处‘切换’不是指的链接跳转)到另一个页面时,当前页面就失去了焦点
,如果我很久才回到当前页面,若该页面中有定时器时(如我们用定时器做的图片轮播),图片就会出现空白,
出现该原因是,当当前页面失去焦点时,浏览器会减慢失去焦点页面的资源加载和运行,为获得焦点的页面提供更多的资源。
但是我们失去焦点时的页面的定时器还在按程序的规定运行,而浏览器的运行又跟不上,所以就出现空白或卡顿现象
解决方法
思路:我们可以使当页面失去焦点时清除定时器,再次获得焦点时打开的定时器
window.onfocue=function(){
//调用定时器
}
window.οnblur=function(){
clearInterval(timer) //清除定时器