js 解决页面切换时，定时器setInterval会变得很慢，有时候不执行的问题

通过浏览器窗口焦点事件，清掉定时器

window.onfocus=function(){
    timer=setInterval(autoRun,1000);
}
 
window.onblur=function(){
    clearInterval(timer);
}

项目中使用setInterval的时候有时候不执行，估计是由于连续调用产生互相干扰，导致定时器不执行，这种的可以使用setTimeout循环调用

showTime();

function showTime()

{

    var today = new Date();

    alert("The time is: " + today.toString());

    setTimeout("showTime()", 5000);

}

一旦调用了这个函数，那么就会每隔5秒钟就显示一次时间。如果使用setInterval，则相应的代码如下所示：

setInterval("showTime()", 5000);

function showTime()

{

    var today = new Date();

    alert("The time is: " + today.toString());

}

这两种方法可能看起来非常像，而且显示的结果也会很相似，不过两者的最大区别就是，setTimeout方法不会每隔5秒钟就执行一次showTime函数，它是在每次调用setTimeout后过5秒钟再去执行showTime函数。这意味着如果showTime函数的主体部分需要2秒钟执行完，那么整个函数则要每7秒钟才执行一次。而setInterval却没有被自己所调用的函数所束缚，它只是简单地每隔一定时间就重复执行一次那个函数。

如果要求在每隔一个固定的时间间隔后就精确地执行某动作，那么最好使用setInterval，而如果不想由于连续调用产生互相干扰的问题，尤其是每次函数的调用需要繁重的计算以及很长的处理时间，那么最好使用setTimeout。

有充分的理由要避免setInterval-尤其是在某些情况下，整个setInterval事件负荷可以彼此紧接着立即到达而没有任何延迟。另一个原因是，如果要停止循环，则必须显式调用clearInterval，这意味着必须记住原始setInterval调用返回的句柄。