JavaScript如何设置定时器，怎么清除定时器

恰小面包2024-04-18 21:07

在JavaScript中，你可以使用setTimeout()和setInterval()函数来设置定时器，以及使用clearTimeout()和clearInterval()函数来清除定时器。

setTimeout()

setTimeout()函数用于在指定的毫秒数之后执行一个函数或计算表达式。它返回一个表示定时器的ID，这个ID可以用于以后清除定时器。

示例：

javascript`// 设置一个定时器，在2秒后执行一个函数
var timerId = setTimeout(function() {
console.log("Hello, world!");
}, 2000);

// 在某个时刻，你可能想要清除这个定时器
// 你可以使用clearTimeout()函数和定时器的ID来做到这一点
clearTimeout(timerId);`

setInterval()

setInterval()函数用于每隔指定的毫秒数重复执行一个函数或计算表达式。和setTimeout()一样，它也返回一个表示定时器的ID，这个ID可以用于以后清除定时器。

示例：

javascript`// 设置一个定时器，每隔1秒执行一次函数
var intervalId = setInterval(function() {
console.log("Hello, world!");
}, 1000);

// 在某个时刻，你可能想要停止这个定时器的重复执行
// 你可以使用clearInterval()函数和定时器的ID来做到这一点
clearInterval(intervalId);`

注意：在清除定时器时，必须确保你拥有正确的定时器ID。如果你尝试使用一个不存在的ID来清除定时器，那么clearTimeout()和clearInterval()函数将不会有任何效果。