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

页面失去焦点

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

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

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

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

解决方法

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

window.onfocue=function(){

  //调用定时器

}

window.οnblur=function(){

  clearInterval(timer)    //清除定时器

}