2021.07.01 JavaScript 定时器

❤ setTimeout()

• 指定一个回调函数以供稍后执行，并指定希望它稍后运行的时间（以毫秒为单位）

const myFunction = (firstParam, secondParam) => {
  // 做些事情
}
setTimeout(myFunction, 2000, firstParam, secondParam)  // 传入现有的函数名称和一组参数

• setTimeout 会返回定时器的 id。 通常不使用它，但是可以保存此 id，并在要删除此安排的函数执行时清除它

const id = setTimeout(() => {
  // 应该在 2 秒之后运行
}, 2000)

// 改变主意了
clearTimeout(id)

如果将超时延迟指定为 0，则回调函数会被尽快执行（但是是在当前函数执行之后）,相当于IE 或Node.js中的 setImmediate()

❤ setInterval()

• 它会在指定的特定时间间隔（以毫秒为单位）一直地运行回调函数，而不是只运行一次。除非使用 clearInterval 告诉它停止。

setInterval(() => {
  // 每 2 秒运行一次
}, 2000)

• 避免setInterval不会考虑函数何时完成执行，可以在回调函数完成时安排要被调用的递归的 setTimeout

const myFunction = () => {
  // 做些事情

  setTimeout(myFunction, 1000)
}

setTimeout(myFunction, 1000)