设置计时器 - JavaScript

在 JavaScript 中，可以使用内置的计时器功能来执行一些延迟操作或定时操作。计时器使程序能够在指定的时间间隔内执行特定的代码。本文将向您介绍 JavaScript 中的计时器以及如何使用它们。

setInterval 函数

setInterval 函数是用于在指定的时间间隔内重复执行代码的计时器。它接受两个参数：要执行的代码块和时间间隔（以毫秒为单位）。

下面是 setInterval 函数的示例用法：

setInterval(function() {
    // 在此处编写要重复执行的代码
}, 1000);

上述示例中的代码块将每秒钟执行一次。您可以根据需要更改时间间隔。

要停止 setInterval 计时器，请使用 clearInterval 函数，并将其存储在变量中。例如：

var interval = setInterval(function() {
    // 在此处编写要重复执行的代码
}, 1000);

// 停止计时器
clearInterval(interval);

setTimeout 函数

setTimeout 函数是用于在指定的时间间隔之后执行一次代码的计时器。它接受两个参数：要执行的代码块和延迟时间（以毫秒为单位）。

下面是 setTimeout 函数的示例用法：

setTimeout(function() {
    // 在此处编写要执行的代码
}, 2000);

上述示例中的代码块将在延迟 2 秒后执行一次。您可以根据需要更改延迟时间。

要取消 setTimeout 计时器，请使用 clearTimeout 函数，并将其存储在变量中。例如：

var timeout = setTimeout(function() {
    // 在此处编写要执行的代码
}, 2000);

// 取消计时器
clearTimeout(timeout);

结论

通过使用 JavaScript 中的计时器功能，您可以在指定的时间间隔内执行代码或在一定延迟之后执行代码。setInterval 函数允许您重复执行代码块，而 setTimeout 函数只执行一次。

务必小心使用计时器，确保代码执行逻辑正确，避免资源浪费或产生意外的行为。