Javascript 等待 5 秒

在Javascript中，我们常常需要控制某些函数或代码的执行时间，等待一段时间再进行下一步操作。本文将介绍如何让Javascript等待5秒钟。

使用setTimeout函数

Javascript中常用的等待函数是setTimeout函数，它可以在指定的时间后调用传入的函数。我们可以使用它来实现等待5秒钟的操作：

setTimeout(function() {
  // 在这里写需要等待5秒钟后执行的代码
}, 5000);

这段代码会在5秒钟后执行传入的函数。在这个例子中，我们传入了一个匿名函数，它没有参数和返回值，但可以在函数体内写需要等待5秒后执行的代码。

使用Promise

我们也可以使用Promise来实现等待5秒钟的操作。Promise是ES6中引入的一个新特性，它可以让我们更方便地处理异步操作。

function waitFiveSeconds() {
  return new Promise(function(resolve, reject) {
    setTimeout(resolve, 5000);
  });
}

waitFiveSeconds().then(function() {
  // 在这里写需要等待5秒钟后执行的代码
});

在这个例子中，我们先定义了一个waitFiveSeconds函数，它返回一个Promise对象。在Promise的构造函数中，我们调用setTimeout函数并传入resolve函数，表示等待5秒钟后Promise对象状态变为fulfilled。在调用waitFiveSeconds函数之后，我们使用then函数来处理Promise对象状态变为fulfilled时要执行的操作。

使用async/await

在ES8中，我们还可以使用async/await语法来更方便地处理Promise。async函数会返回一个Promise对象，而在函数中使用await关键字可以让代码等待Promise对象状态变为fulfilled后再继续执行下一步操作。我们可以这样来实现等待5秒钟的操作：

async function waitFiveSeconds() {
  await new Promise(function(resolve, reject) {
    setTimeout(resolve, 5000);
  });
  // 在这里写需要等待5秒钟后执行的代码
}

waitFiveSeconds();

在这个例子中，我们定义了一个async函数waitFiveSeconds，它在内部等待Promise对象状态变为fulfilled后再执行下一步操作。我们可以直接调用waitFiveSeconds函数，它会返回一个Promise对象，但我们没有使用它的返回值，而是在函数中写需要等待5秒钟后执行的代码。