javascript设定延时

封面图 • 2025-04-26 • JavaScript

在 JavaScript 中，可以使用 `setTimeout` 或 `setInterval` 来实现延时操作。以下是它们的用法和示例：

---

### 1. **`setTimeout`**
- 用于在指定的时间后执行一次回调函数。
- 语法：
  ```javascript
  setTimeout(callback, delay, param1, param2, ...);
  ```
  - `callback`: 延迟后要执行的函数。
  - `delay`: 延迟时间（以毫秒为单位，默认是0）。
  - 其他参数是可选的，用于传递给回调函数。

#### 示例：
```javascript
function sayHello() {
  console.log("Hello after 2 seconds!");
}

// 延迟 2 秒钟后执行 sayHello 函数
setTimeout(sayHello, 2000);

// 或者直接传入匿名函数
setTimeout(() => {
  console.log("Hello after 3 seconds!");
}, 3000);
```

---

### 2. **`setInterval`**
- 用于每隔指定的时间重复执行一个函数。
- 语法：
  ```javascript
  setInterval(callback, interval, param1, param2, ...);
  ```
  - `callback`: 每隔一段时间要执行的函数。
  - `interval`: 时间间隔（以毫秒为单位）。
  - 其他参数是可选的，用于传递给回调函数。

#### 示例：
```javascript
function printTime() {
  console.log(new Date().toLocaleTimeString());
}

// 每隔 1 秒打印当前时间
const intervalId = setInterval(printTime, 1000);

// 如果需要停止定时器，可以调用 clearInterval
setTimeout(() => {
  clearInterval(intervalId); // 5 秒后停止定时器
}, 5000);
```

---

### 3. **结合 `Promise` 实现延迟**
如果你想将延时操作封装成 Promise，可以用 `Promise` 和 `setTimeout` 结合实现。

#### 示例：
```javascript
function delay(ms) {
  return new Promise(resolve => {
    setTimeout(resolve, ms);
  });
}

// 使用方式
async function example() {
  console.log("Start");
  await delay(2000); // 等待 2 秒钟
  console.log("After 2 seconds");
}

example();
```

---

### 注意事项
1. **时间单位**：`setTimeout` 和 `setInterval` 的时间参数是以毫秒为单位的。例如，1 秒 = 1000 毫秒。
2. **清理定时器**：如果使用了 `setInterval`，记得通过 `clearInterval` 清理定时器，否则会导致内存泄漏。
3. **异步行为**：`setTimeout` 和 `setInterval` 是异步的，不会阻塞后续代码的执行。

希望这些内容对你有帮助！如果有其他问题，欢迎继续提问。