[JavaScript -- 定时器]

JavaScript 在浏览器中是单线程执行的，但允许使用定时器指定在某个时间之后或每隔一段时间就 执行相应的代码。setTimeout()用于指定在一定时间后执行某些代码，而 setInterval()用于指定 每隔一段时间执行某些代码。

setTimeout知识点

setTimeout()方法通常接收两个参数：要执行的代码和在执行回调函数前等待的时间（毫秒）。第 一个参数可以是包含 JavaScript 代码的字符串（类似于传给 eval()的字符串）或者一个函数，比如： // 在 1 秒后显示警告框 setTimeout(() => alert("Hello world!"), 1000);第二个参数是要等待的毫秒数，而不是要执行代码的确切时间，告诉 JavaScript 引擎在指定的毫秒数过后 把任务添加到这个队列。如果队列是空的，则会立即执行该代码。如果队列不是空的，则代码必须等待 前面的任务执行完才能执行

1.  setTimeout引用id

调用 setTimeout()时，会返回一个表示该超时排期的数值 ID。这个超时 ID 是被排期执行代码的 唯一标识符，可用于取消该任务。要取消等待中的排期任务，可以调用 clearTimeout()方法并传入超 时 ID

// 设置超时任务
let timeoutId = setTimeout(() => alert("Hello world!"), 1000); 
// 取消超时任务
clearTimeout(timeoutId);

只要是在指定时间到达之前调用 clearTimeout()，就可以取消超时任务。在任务执行后再调用 clearTimeout()没有效果

2.  setTimeout第一个参数函数执行说明

所有超时执行的代码（函数）都会在全局作用域中的一个匿名函数中运行，因此函 数中的 this 值在非严格模式下始终指向 window，而在严格模式下是 undefined。如果 给 setTimeout()提供了一个箭头函数，那么 this 会保留为定义它时所在的词汇作用域

setInterval知识点

setInterval()同样可以接收两个参数：要执行的代码（字符 串或函数），以及把下一次执行定时代码的任务添加到队列要等待的时间（毫秒）。下面是一个例子： setInterval(() => alert("Hello world!"), 10000);

注意 这里的关键点是，第二个参数，也就是间隔时间，指的是向队列添加新任务之前等 待的时间。比如，调用 setInterval()的时间为 01:00:00，间隔时间为 3000 毫秒。这意 味着 01:00:03 时，浏览器会把任务添加到执行队列。浏览器不关心这个任务什么时候执行 或者执行要花多长时间。因此，到了 01:00:06，它会再向队列中添加一个任务。由此可看 出，执行时间短、非阻塞的回调函数比较适合 setInterval()。

1. setInterval的引用Id用法和setTimeout引用Id一致

[扩展] 1. 多参数说明

let p = new Promise(() => {}); 
// 参数1说明：console.log为延时后需要执行的函数
// 参数2说明：延时时间
// 参数3说明：作为参数传递给参数1中的函数
setTimeout(console.log, 0, p); // Promise <pending>