setTimeout、setInterval、和setInterval引起cpu占用率高的问题

setTimeout

延迟执行，过一段事件之后执行。如果在页面中使用了很多之后,实际的执行时间可能会超过我们设置的时间，因为它是异步任务，所以需要等同步任务完成之后在执行，如果同步任务特别多，等待时间就会相应的延长。会等主线程中的所有任务都完成之后再执行；

 

setInterval

固定的时间间隔之后重复执行代码。和setTimeout一样，需要等待同步任务执行完成之后再执行；

---

问：setInterval存在一些问题，使用了之后会引起cpu占用率高，这个问题如何解决？

答：requestAnimationFrame可以解决这个问题，它是按照浏览器的刷新频率进行执行的，每秒钟执行60次，在浏览器每一次重绘的时候会执行回调函数。

---

拓展：

            js是单线程，遇到一些比较耗时的操作时，一般使用异步进行处理；

同步：又叫阻塞模式，上一步的代码执行完成之后会继续往后执行；

异步：非阻塞模式，当代码执行成功之后会调用回调函数。