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

在项目中经常会用到自定义动画或者自定义一些无缝滚动什么的，需要用到js中的定时器setinterval，但是，楼主发现在项目中测试的时候，切换页面或者浏览器上面的页签时，定时器明明没有收到干扰，但是页面呈现明显变慢了，

解决：

一、如果用到jQuery的动画

在animate前加上 $(obj).stop(true,true)
$(obj).stop(true,true).animate()

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

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

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

js 解决页面切换时，定时器setInterval 会变得越来越慢相关推荐

js 解决页面切换时，定时器setInterval会变得很慢，有时候不执行的问题
通过浏览器窗口焦点事件,清掉定时器 window.onfocus=function(){timer=setInterval(autoRun,1000); }window.onblur=function ...
Delphi 使用双缓冲解决图片切换时的闪烁问题 good
Delphi 使用双缓冲解决图片切换时的闪烁问题 good 参考文章: (1)Delphi 使用双缓冲解决图片切换时的闪烁问题 good (2)https://www.cnblogs.com/find ...
js html页面切换效果,jQuery实现切换页面过渡动画效果
这篇文章主要介绍了关于jQuery实现切换页面过渡动画效果,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下这是一款效果非常酷的jQuery和CSS3通过AJAX调用切换页面过渡动画特效 ...
如何解决页面刷新时白屏的问题？
如何解决页面刷新时白屏的问题? this.isRouterAlive = false this.$nextTick(function () {this.isRouterAlive = true;//写 ...
WOW.js – 在页面滚动时展现动感的元素动画效果
在一些网页上,当你滚动页面的时候会看到各式各样的元素动画效果,非常动感.WOW.js 就是一款帮助你实现这种 CSS 动画效果的插件,很容易定制,你可以改变动画设置喜欢的风格.延迟.长度.偏移和迭代等 ...
动态效果html wow,WOW.js ? 在页面滚动时展现动感的元素动画效果_html/css_WEB-ITnose...
在一些网页上,当你滚动页面的时候会看到各式各样的元素动画效果,非常动感.WOW.js 就是一款帮助你实现这种 CSS 动画效果的插件,很容易定制,你可以改变动画设置喜欢的风格.延迟.长度.偏移和迭代等 ...
js统计页面停留时长
前言页面停留时间简称为Tp 是网站分析中的一个指标用于反映用户在某些页面的停留时间的长短我们可以把页面的生命周期分为三个动作进入活跃状态切换离开一.如何监听页面的进入和离开对于常规页面 ...
vue 前端进行tab页面切换时，要求不刷新
项目中TagsView组件用于tab页面切换,在项目中已使用keep-alive,目标页面也开启了"缓存"标志,但是在tab标签点击切换时,有几个页面数据还是刷新了.查找了相关资料 ...
你也可以做一个小米魅族网站 WOW js WOW js – 在页面滚动时展现动感的元素动画效果
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 可视区域 ...

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

js 解决页面切换时，定时器setInterval 会变得越来越慢相关推荐

最新文章

热门文章