Javascript是一种单线程执行的语言，这意味着所有的代码都是顺序执行。但在实际应用中，我们经常会遇到需要延迟执行或异步执行的情况，这就需要了解Javascript的定时机制。
Javascript线程模型
Javascript引擎中只有一个主线程负责执行任务。当执行一个任务时，如果该任务需要等待某些资源(如网络响应、用户输入等)时，主线程会挂起该任务并继续执行下一个任务，待资源准备好后再回来继续执行之前被挂起的任务。这种模型被称为事件循环(Event Loop)。
定时器
Javascript提供了两个定时器函数：setTimeout和setInterval。它们都接受两个参数：要执行的代码和延迟时间(单位为毫秒)。
setTimeout函数表示在指定时间后执行一次给定的代码。例如：
setTimeout(function() {
console.log('hello');
}, 1000);上面的代码表示在1秒后输出"hello"。
setInterval函数表示每隔指定时间执行一次给定的代码。例如：
setInterval(function() {
console.log('world');
}, 1000);上面的代码表示每隔1秒输出"world"。
定时器的注意事项
虽然定时器可以让我们在特定的时间执行一次或多次代码，但是在使用定时器时也需要注意以下几点：
1. 定时器延迟时间不一定准确
Javascript引擎会尽力保证定时器在指定时间后执行，但并不能保证时间一定准确。例如，在一个高负载的页面上，由于主线程已经很忙了，可能会导致定时器并不准时执行。
2. 定时器受到页面可见性的影响
当页面被隐藏或最小化时，浏览器会将定时器暂停以减少资源占用。因此，在这种情况下定时器将不会继续执行，直到页面重新获得焦点。
3. 避免滥用定时器
过多地使用定时器会导致页面变得非常卡顿，并可能产生意想不到的副作用。因此，在使用定时器时应该慎重考虑，避免滥用。
示例代码
-- -------------------- ---- ------- -- ---- --------------------- - --------------------- -- ------ -- -------- ---------------------- - --------------------- -- ------
总结
本文浅谈了Javascript的线程模型及定时器机制，并针对定时器的一些注意事项进行了讲解。在实际开发中，我们需要根据具体情况合理使用定时器，避免滥用导致性能问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/3489