timer js

setTimeout 和 setInterval 是 JavaScript 中用于处理定时操作的两个主要方法，它们常被用于延迟执行代码或定期重复执行代码。

基础概念：

1. setTimeout: 这个方法用于在指定的毫秒数后执行一次函数。它返回一个定时器 ID，这个 ID 可以被 clearTimeout 方法用来取消定时器。
2. setInterval: 这个方法用于每隔指定的毫秒数重复执行函数。同样，它也返回一个定时器 ID，可以被 clearInterval 方法用来停止定时器。

优势：

• 灵活性: 可以根据需要设置不同的延迟时间或间隔时间。
• 可控性: 可以通过定时器 ID 来取消定时器，从而控制代码的执行。
• 异步执行: 这两个方法都是异步的，不会阻塞后续代码的执行。

类型：

• 一次性定时器: 使用 setTimeout 创建，只执行一次。
• 重复定时器: 使用 setInterval 创建，会按照设定的间隔重复执行。

应用场景：

• 延迟执行: 如在用户点击按钮后，延迟几秒再执行某个操作。
• 轮询: 如每隔一段时间检查一次服务器的状态。
• 动画效果: 如实现闪烁的灯光、滚动的文字等。

常见问题及解决方法：

1. 定时器不执行:
2. 定时器执行多次:
3. 定时器时间不准确:

示例代码:

使用 setTimeout 延迟执行函数：

function delayedFunction() {
    console.log('This function is executed after a delay');
}

const timerId = setTimeout(delayedFunction, 2000); // 2秒后执行

// 如果需要在某个条件下取消定时器
// clearTimeout(timerId);

使用 setInterval 重复执行函数：

function repeatedFunction() {
    console.log('This function is executed repeatedly');
}

const intervalId = setInterval(repeatedFunction, 1000); // 每隔1秒执行一次

// 如果需要在某个条件下停止定时器
// clearInterval(intervalId);