JavaScript 中 setTimeout, setInterval 的用法？

推荐答案

// www.javascriptcn.com code example
// setTimeout 示例
setTimeout(() => {
    console.log('This will run after 2 seconds');
}, 2000);

// setInterval 示例
let intervalId = setInterval(() => {
    console.log('This will run every 2 seconds');
}, 2000);

// 清除 setInterval
setTimeout(() => {
    clearInterval(intervalId);
    console.log('Interval cleared after 6 seconds');
}, 6000);

本题详细解读

setTimeout

setTimeout 是一个用于在指定的毫秒数后执行一次函数的方法。它接受两个参数：

1. 第一个参数是一个回调函数，表示在指定时间后要执行的代码。
2. 第二个参数是一个数字，表示延迟的时间（以毫秒为单位）。

setTimeout(() => {
    console.log('This will run after 2 seconds');
}, 2000);

在上面的例子中，setTimeout 会在 2 秒后执行回调函数，输出 'This will run after 2 seconds'。

setInterval

setInterval 是一个用于每隔指定的毫秒数重复执行函数的方法。它接受两个参数：

1. 第一个参数是一个回调函数，表示每隔指定时间要执行的代码。
2. 第二个参数是一个数字，表示间隔的时间（以毫秒为单位）。

let intervalId = setInterval(() => {
    console.log('This will run every 2 seconds');
}, 2000);

在上面的例子中，setInterval 会每隔 2 秒执行一次回调函数，输出 'This will run every 2 seconds'。

清除 setInterval

setInterval 会返回一个唯一的 ID，可以通过 clearInterval 方法来停止这个定时器。

setTimeout(() => {
    clearInterval(intervalId);
    console.log('Interval cleared after 6 seconds');
}, 6000);

在上面的例子中，setTimeout 会在 6 秒后清除 setInterval，停止定时器的执行，并输出 'Interval cleared after 6 seconds'。

注意事项

• setTimeout 和 setInterval 的时间参数是以毫秒为单位的。
• setInterval 会一直执行，直到被 clearInterval 清除或页面关闭。
• 如果回调函数执行时间过长，可能会影响定时器的准确性。