在项目中经常会用到自定义动画或者自定义一些无缝滚动什么的,需要用到js中的定时器setinterval,但是,楼主发现在项目中测试的时候,切换页面或者浏览器上面的页签时,定时器明明没有收到干扰,但是页面呈现明显变慢了,
解决:
一、如果用到jQuery的动画
在animate前加上 $(obj).stop(true,true)
$(obj).stop(true,true).animate()
二、通过浏览器窗口焦点事件,清掉定时器
window .οnfοcus=function(){
timer=setInterval(autoRun,1000);
}
window.οnblur=function(){
clearInterval(timer);
}
基本上碰见的普通情况,都能够解决掉