setTimeout() 方法

封面图 • 2026-01-12 • JavaScript

`setTimeout()` 是 JavaScript 中用于**延迟执行某个函数或代码块**的方法。它属于浏览器的 `window` 对象，因此在浏览器环境中可以直接使用。

---

## ✅ 语法

```javascript
setTimeout(function, delay, [arg1, arg2, ...]);
```

- **function**: 要执行的函数。
- **delay**: 延迟的时间（单位是毫秒），即多少毫秒后执行。
- **arg1, arg2, ...**: 可选参数，传递给函数的参数。

---

## 🧪 示例

### 示例 1：简单使用

```javascript
setTimeout(() => {
  console.log("5 秒后执行");
}, 5000);
```

输出结果会在 5 秒后打印 `"5 秒后执行"`。

---

### 示例 2：带参数

```javascript
function greet(name) {
  console.log(`你好，${name}`);
}

setTimeout(greet, 3000, "张三");
```

3 秒后会输出 `"你好，张三"`。

---

## 🔁 注意事项

- `setTimeout()` 是异步的，不会阻塞后续代码执行。
- 如果你想取消一个已经设置的 `setTimeout`，可以使用 `clearTimeout()` 方法，并传入 `setTimeout` 返回的 ID。

---

## ✅ 返回值

`setTimeout()` 返回一个整数 ID，表示定时器的标识符。你可以用这个 ID 来取消定时器：

```javascript
const timerId = setTimeout(() => {
  console.log("这会执行");
}, 2000);

// 取消定时器
clearTimeout(timerId);
```

---

## 📌 与 `setInterval()` 的区别

| 方法           | 作用                     | 是否重复执行 |
|----------------|--------------------------|--------------|
| `setTimeout()` | 延迟执行一次             | ❌ 不重复     |
| `setInterval()`| 每隔指定时间重复执行     | ✅ 重复       |

---

如果你有更具体的问题（比如如何处理异步、回调地狱、Promise 封装等），欢迎继续提问！