JavaScript 中的'setInterval”和'setTimeout”有什么区别？

JavaScript 中 setInterval 和 setTimeout 的区别

在 JavaScript 中，管理异步操作至关重要，两个关键函数促进这一点的是“setInterval”和“setTimeout”。了解它们的差异对于有效编码至关重要。

'setTimeout' 与 'setInterval':

setTimeout:

• 在指定的延迟（超时）后执行一次函数。
• 语法：setTimeout(表达式, 超时)
• 示例：setTimeout(function() {alert("Hello World!") ; }, 1000); // 警报“Hello World！”一秒内。

setInterval:

• 以指定的时间间隔（超时）重复执行函数。
• 语法：setInterval （表达式，超时）
• 示例：setInterval(function() { console.log("每秒运行一次"); }, 1000); // 每秒记录一次消息。

主要区别：

• 执行频率： setTimeout 执行一次，而 setInterval重复执行。
• 用途： setTimeout 用于延迟操作或调度，而 setInterval 用于周期性任务或动画。
• 控制： setInterval可以通过调用clearInterval(intervalID)来停止，而setTimeout一旦安排就无法显式停止。
• 回调： setInterval会自动为回调分配一个间隔ID，可用于取消。 setTimeout 不分配间隔 ID。

示例：

考虑两种情况：

• 警报“Hello World!” 5 秒后一次：使用 setTimeout。
• 每 2 秒记录一次“This is Running”：使用 setInterval。

代码：

// Alert after 5 seconds
setTimeout(function() { alert("Hello World!"); }, 5000);

// Log every 2 seconds
var intervalID = setInterval(function() { console.log("This is Running"); }, 2000);

// Stop logging after 10 seconds
setTimeout(function() { clearInterval(intervalID); }, 10000);

以上是JavaScript 中的'setInterval”和'setTimeout”有什么区别？的详细内容。更多信息请关注PHP中文网其他相关文章！