setTimeout()和setInterval()

在做网页时，想实现循环效果时，发现对这两个有模糊。于是查资料。

w3c的定义
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
函数带有两个参数：第一个参数是将要执行的那个函数的名字，第二个参数是一个数值，它以毫秒为单位设定了需要经过多长时间后才开始执行第一个参数所给出的函数。

setTimeout（function，interval）

如果要取消某个正在排队等待执行的函数，可以用clearTimeout函数，这个函数需要一个参数——保存着某个setTimeout函数调用返回值的变量：

clearTimeout（variable）

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

简单的来说，就是
setInterval（）；循环定时器，周而复始的执行
setTimeout（）；炸弹定时器，用完以后立刻报废，只执行一次。

所以如果要求在每隔一个固定的时间间隔后就精确地执行某动作，那么最好使用setInterval，而如果不想由于连续调用产生互相干扰的问题，尤其是每次函数的调用需要繁重的计算以及很长的处理时间，那么最好使用setTimeout。

相比setTimeout（），setInterval() 方法还可以接受更多的参数，它们会传入回调函数。setInterval()指定的是“开始执行”之间的间隔，并不考虑每次任务执行本身所消耗的事件。因此实际上，两次执行之间的间隔会小于指定的时间。

查笔记时也有在讲js是单线程时说到：
JS代码的执行顺序

1. 先把主任务（代码任务）执行完毕
2. 再去执行次要的任务（包括setTimeout和setInterval中的回调函数中的代码）

setTimeOut
至少在指定的时间后执行指定回调函数
因为要等主任务中的代码执行完毕之后，才回去检查，setTimeOut的回调函数，有没到执行时间。