setTimeout与setInterval的区别浅析

JavaScript中提供了两个定时器函数：setTimeout和setInterval。它们都可以用来在指定的时间间隔之后执行或重复执行一个JavaScript函数。但是，它们之间还是有一些区别的。

setTimeout函数

setTimeout函数用于在指定时间后执行一次函数。具体语法如下：

setTimeout(function, delay, arg1, arg2, ...)

参数说明：

function：必需，要执行的函数或代码串。
delay：必需，执行函数的时间（延迟时间），单位是毫秒（ms）。
arg1, arg2, ...：可选的，传递给函数的参数。

示例说明：

function sayHello(name) {
  console.log(`Hello, ${name}!`);
}

setTimeout(sayHello, 2000, 'World');

上面的代码定义了一个名为sayHello的函数，它可以接受一个参数name，并在控制台上输出Hello, ${name}!。然后调用了setTimeout函数，让sayHello函数在2秒后执行，并传入参数'World'。这样，当2秒时间到了之后，控制台就会输出Hello, World!。

setInterval函数

setInterval函数用于在指定时间间隔内重复执行函数。具体语法如下：

setInterval(function, delay, arg1, arg2, ...)

参数说明：

function：必需，要执行的函数或代码串。
delay：必需，执行函数的时间间隔，单位是毫秒（ms）。
arg1, arg2, ...：可选的，传递给函数的参数。

示例说明：

let count = 0;

function logCount() {
  console.log(++count);
}

setInterval(logCount, 1000);

上面的代码定义了一个名为logCount的函数，它可以输出一个全局变量count，并将count自增一次。然后调用了setInterval函数，让logCount函数每隔1秒执行一次，也就是每秒输出一次count的值。

setTimeout与setInterval的区别

setTimeout只执行一次，而setInterval会一直重复执行，直到调用clearInterval函数。
当setTimeout调用的函数执行时间超过了指定的延迟时间，它也不会在这个超时之后立即执行，而是在当前执行队列的末尾等待执行。如果当前执行队列中有太多的任务，可能会导致setTimeout执行的延时时间超过预期。
setInterval的执行间隔比setTimeout更难控制。如果一个函数需要在30秒后执行，但是你不希望它在1分钟的等待时间后才执行，那么你的唯一选择就是使用setTimeout并不断地重新调用它自己。