JS 添加延迟 - Javascript

Javascript 是一门支持异步操作的编程语言。添加延迟是常见的操作之一，让程序在执行的同时暂停一段时间，然后再进行下一步操作。这个时候，我们需要使用 setTimeout() 函数。

setTimeout()

setTimeout() 可以让我们设定在一段时间后执行一个函数。该函数的基本语法如下：

setTimeout(function, milliseconds);

其中，

• function 是要执行的函数；
• milliseconds 是要等待的时间，单位是毫秒。

例如，我们可以在 3 秒后打印一条消息：

setTimeout(function() {
  console.log("Hello, world! (after 3 seconds)");
}, 3000);

这段代码将在 3 秒钟后执行函数，打印出 "Hello, world! (after 3 seconds)"。

我们还可以将 setTimeout() 函数的返回值赋值给一个变量，然后再通过 clearTimeout() 函数取消执行。例如，

let timeoutID = setTimeout(function() {
  console.log("This message will never be printed.");
}, 10000);

// 取消上面的执行
clearTimeout(timeoutID);

setInterval()

除了 setTimeout() 函数，Javascript 还提供了 setInterval() 函数，可以设定一个时间间隔执行一个函数。该函数的基本语法如下：

setInterval(function, milliseconds);

其中，

• function 是要执行的函数；
• milliseconds 是要等待的时间间隔，单位是毫秒。

例如，我们可以每 2 秒钟打印一条消息：

setInterval(function() {
  console.log("Hello, world! (every 2 seconds)");
}, 2000);

这段代码会每 2 秒钟执行一次函数，打印出一条消息。

我们也可以通过 clearInterval() 函数取消 setInterval() 的执行。例如，

let intervalID = setInterval(function() {
  console.log("Hello, world! (every 2 seconds)");
}, 2000);

// 取消上面的执行
clearInterval(intervalID);

结语

通过 setTimeout() 和 setInterval() 函数，我们可以很方便地添加延迟和间隔执行任务的功能。在日常的编程中，我们也会经常用到它们。