js 解决页面切换时,定时器setInterval 会变得越来越慢

在项目中经常会用到自定义动画或者自定义一些无缝滚动什么的,需要用到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);
}

基本上碰见的普通情况,都能够解决掉

发布了16 篇原创文章 · 获赞 5 · 访问量 6392

猜你喜欢

转载自blog.csdn.net/heyNewbie/article/details/103148420