JavaScript setTimeout和setInterval的用法与区别详解

setTimeout()和setInterval()是JavaScript中的两个重要函数，它们都用于实现JavaScript中的定时器。通常，我们使用这两个函数来延迟执行一段代码或者重复执行一段代码。但是setTimeout()和setInterval()用法和区别还是有很多需要注意的地方。下面是详细的讲解：

setTimeout()

setTimeout()函数用于延迟执行一段代码。这个函数有两个参数：第一个参数是要执行的代码，第二个参数是延时的时间（单位为毫秒）。该函数只会执行一次。示例代码如下：

setTimeout(function() {
    console.log("我在 2 秒后执行！");
}, 2000);

上面代码中，setTimeout()函数的第一个参数是一个匿名函数，它会在延迟 2 秒后执行。在控制台输出"我在 2 秒后执行！"。

setInterval()

setInterval()函数用于重复执行一段代码。这个函数也有两个参数：第一个参数是要执行的代码，第二个参数是执行代码的间隔时间（单位为毫秒）。示例代码如下：

setInterval(function() {
    console.log("我每隔 3 秒执行一次！");
}, 3000);

上面代码中，setInterval()函数的第一个参数是一个匿名函数，它会每隔 3 秒执行一次。在控制台输出"我每隔 3 秒执行一次！"。

setTimeout()和setInterval()的区别

虽然setTimeout()和setInterval()函数都用于实现JavaScript中的定时器，但是它们还是有很多区别的。下面是两者的区别：

• setTimeout()函数只执行一次，而setInterval()函数会重复执行。
• setTimeout()函数的第二个参数表示延迟的时间，而setInterval()函数的第二个参数表示执行代码的间隔时间。
• setInterval()函数会不断执行，直到我们通过clearInterval()函数或者关闭页面停止它的执行，而setTimeout()函数只会执行一次。

以上就是setTimeout()和setInterval()函数的详细用法与区别说明，希望这篇攻略对你有所帮助。