js 暂停几秒|极客笔记

js 暂停几秒

在开发前端页面或者进行一些网页交互的时候，我们经常会遇到需要暂停几秒钟再执行下一步操作的情况。这时候，我们就需要使用JavaScript来实现暂停功能。但是在JavaScript中，并没有提供内置的暂停函数，因为JavaScript语言本身是单线程执行的，无法真正实现暂停功能。不过我们可以通过一些方法来模拟实现暂停功能，例如使用setTimeout函数或者Promise对象。

使用setTimeout函数实现暂停

setTimeout函数是JavaScript中常用的定时器函数，可以设置一个定时器，在指定的时间后执行一段代码。我们可以利用setTimeout函数来实现暂停功能。下面是一个简单的示例代码：

console.log('开始');

setTimeout(function(){
    console.log('暂停了一秒钟');
}, 1000);

console.log('继续执行');

在上面的示例中，首先会输出”开始”，然后会等待一秒钟后输出”暂停了一秒钟”，最后输出”继续执行”。通过设置setTimeout函数的延时时间，我们可以实现暂停几秒钟再执行下一步操作的效果。

使用Promise对象实现暂停

除了使用setTimeout函数外，我们还可以使用Promise对象来实现暂停功能。Promise对象是ES6中新增的异步编程解决方案，可以简化复杂的异步操作。下面是一个利用Promise对象实现暂停一秒钟的示例代码：

console.log('开始');

new Promise((resolve, reject) => {
    setTimeout(() => {
        console.log('暂停了一秒钟');
        resolve();
    }, 1000);
}).then(() => {
    console.log('继续执行');
});

在上面的示例中，首先会输出”开始”，然后通过Promise对象创建一个延时1秒钟的异步操作，在定时器结束后输出”暂停了一秒钟”，最后通过then方法执行”继续执行”。通过Promise对象的then方法，我们可以实现暂停几秒钟再执行下一步操作的效果。