setTimeout还是setTimeInterval？

一、参数及介绍

setTimeOut

setTimeOut (fn, delayTime)

【功能】：在一定时间延迟之后开始执行一个给定的函数
【参数1】：fn将要执行的函数，函数类型或者字符串类型
【参数2】：delayTime要延迟的时间，Number类型，单位为毫秒
【返回】：一个id值

setInterval

setInterval (fn, interval)

【功能】：每隔时间段interval就调用fn一次
【参数1】: fn将要执行的函数，函数类型或者字符串类型
【参数2】: interval要延迟的时间，Number类型，单位为毫秒
【返回】：一个id值

二、工作原理

前言：JS是单线程运行的

因为 JS 是单线程的，在某一个特定时间点只能执行某一个特定的任务，所以会阻塞其它任务执行。对于耗时的任务（例如网络请求，I/O操作等），没有必要等待他们执行完后才继续后面的操作。在这些任务完成前，JavaScript 完全可以往下执行其他操作，当这些耗时的任务完成后则以回调的方式执行相应处理。这些就是 JavaScript 与生俱来的特性：异步与回调。
信息参考自：关于JavaScript单线程的一些事

setTimeOut

【工作原理】

• JS是单线程执行，当执行到setTimeOut代码时开始计时，在当到达间隔时间delayTime 之后，把回调函数fn放到事件队列。
• 真正的运行时间取决于主线程何时调用事件队列中fn。（当主线程空闲下来才会去事件队列取出fn函数执行）

运行到 setTimeOut（时间点）| delayTime（时间段） | 调用函数fn（时间点）| fn执行时段（时间段）

setInterval

【工作原理】：
在执行到 setInterval 代码时，会开始计时，到达间隔时间 interval 之后，将判断：目前有没有此定时器的实例？

• 如果没有，则将 fn 加入到事件队列中
• 如果有，那么不会将回调函数 fn 加入到事件队列中，防止之后连续调用 fn（即非定时调用）
  弊端：导致一些间隔被跳过

情况一：fn运行时间 ≤ 时间间隔 ，即多数情况