js定时器单次执行、循环执行

**JS 定时器的使用**

在 JavaScript 中，定时器是通过 `setInterval()` 和 `setTimeout()`两个函数来实现的。它们都可以让你的代码在指定时间后执行一次或多次。

### 单次执行：`setTimeout()`

`setTimeout()` 函数用于设置一个单次执行的定时器。当指定的时间到达后，回调函数将被执行一次，然后定时器会自动清除。

**示例代码**

javascript// 单次执行示例function sayHello() {
 console.log('Hello, World!');
}

setTimeout(sayHello,2000); //2 秒后执行// 或者使用箭头函数setTimeout(() => console.log('Hello, World!'),2000);

在上面的代码中，我们定义了一个 `sayHello()` 函数，内容是输出 "Hello, World!"。然后我们使用 `setTimeout()` 将这个函数设置为在2 秒后执行。

### 循环执行：`setInterval()`

`setInterval()` 函数用于设置一个循环执行的定时器。当指定的时间到达后，回调函数将被执行，然后定时器会继续下一次循环。

**示例代码**

javascript// 循环执行示例function sayHello() {
 console.log('Hello, World!');
}

setInterval(sayHello,2000); // 每2 秒执行// 或者使用箭头函数setInterval(() => console.log('Hello, World!'),2000);

在上面的代码中，我们定义了一个 `sayHello()` 函数，内容是输出 "Hello, World!"。然后我们使用 `setInterval()` 将这个函数设置为每2 秒执行一次。

### 清除定时器有时候，你可能需要清除已经设置的定时器，以免它继续执行下去。在 JavaScript 中，可以通过 `clearTimeout()` 和 `clearInterval()` 函数来实现。

**示例代码**

javascript// 单次执行示例function sayHello() {
 console.log('Hello, World!');
}

const timerId = setTimeout(sayHello,2000); // 设置定时器//1 秒后清除定时器clearTimeout(timerId);

// 或者使用循环执行示例function sayHello() {
 console.log('Hello, World!');
}

const intervalId = setInterval(sayHello,2000); // 设置定时器//5 秒后清除定时器clearInterval(intervalId);

在上面的代码中，我们首先设置一个单次执行的定时器，然后1秒后使用 `clearTimeout()` 清除它。同样，我们也设置了一个循环执行的定时器，然后5秒后使用 `clearInterval()` 清除它。

### 总结JS 定时器是通过 `setInterval()` 和 `setTimeout()`两个函数来实现的，它们都可以让你的代码在指定时间后执行一次或多次。`setTimeout()` 用于单次执行，而 `setInterval()` 用于循环执行。当你需要清除已经设置的定时器时，可以使用 `clearTimeout()` 和 `clearInterval()` 函数。

**注意**

* 在实际应用中，尽量避免使用过多的定时器，因为它们可能会导致性能问题。
* 如果你的代码需要在特定的时间点执行一次或多次，那么使用定时器是一个很好的选择。
* 不要忘记清除已经设置的定时器，以免它继续执行下去。