使用 setTimeout 函数（ES6）

在 JavaScript 中，setTimeout 函数允许我们在一段时间后执行一个函数。这在我们需要延迟一些操作的时候很有用，比如在用户输入之后到达最小输入时间之前等待一段时间。

基本语法

setTimeout 函数接受两个参数，第一个参数是函数，第二个参数是延迟的时间（以毫秒为单位）。

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

在这个例子中，我们将一个箭头函数传递给 setTimeout，这个函数会在延迟 2000 毫秒（或 2 秒）之后执行。

清除定时器

setTimeout 返回一个定时器的ID。如果我们需要清除这个定时器可以使用 clearTimeout 函数，将这个ID传递给它即可。

let timerId = setTimeout(() => {
  console.log('This will not show up');
}, 2000);

clearTimeout(timerId);

在这个例子中，我们会在2秒后执行一个函数。然后我们使用 clearTimeout 函数，将定时器的ID传递给它以清除它。这意味着函数将不会在 2 秒后执行。

使用参数

我们可以向 setTimeout 函数传递更多的参数，这些参数将被传递给要执行的函数。

setTimeout((name, age) => {
  console.log(`Hello ${name}, you are ${age} years old`);
}, 2000, 'Alice', 30);

在这个例子中，我们向 setTimeout 函数传递了三个参数：一个函数，延迟的时间和一些参数。我们可以在要执行的函数中使用这些参数。

使用箭头函数

在 ES6 中，我们可以使用箭头函数更简洁地书写代码。

setTimeout(() => console.log('Hello after 2 seconds'), 2000);

结论

setTimeout 函数提供了一种在脚本中延迟执行操作的方法。可以将其与 clearTimeout 函数一起使用，以清除或取消被设置的定时器。此外，我们还可以将参数传递给要执行的函数以便使用。