setinterval性能问题,settimeout和setinterval性能

动画使用setInterval卡顿

页面上一共有4个进度条，所以使用了4个定时器，每个定时器的刷新是50ms，同时跑的时候最多有3个定时器，先前并没有什么问题，突然有一天就出现了卡顿，进度条断断续续，文字也是断断续续的。

最后解决办法就是动画不用定时器，减少定时器的使用。

当页面元素逻辑复杂的时候，定时器太多会影响性能，考验手机

js中用setInterval会影响页面的性能吗

有一定影响的，加载速度会慢。js过多既延长了用户的等待时间，又大量消耗cpu。而且放在页面的前面的话，会影响页面渲染造成用户体验很差，用户会感觉东西迟迟没有出来 。最好压缩一下js或者把多个 js 文件合成一个，尽量减少客户端与服务器的交互。

使用setInterval 运行函数造成内存占用过高问题解决方案

1、直接使用setInterval 运行函数的话，随着时间的推移内存占用会增多，久了可能造成页面卡顿，严重的甚至浏览器奔溃。使用setInterval 时，如果当前的程序非短期可以清除的。则需要清除内存

或者引用setTimeout