当前位置:首页 > JavaScript

js实现等待几秒

2026-02-02 15:56:51JavaScript

使用 setTimeout 实现延迟执行

通过 setTimeout 函数可以实现在指定毫秒数后执行回调函数:

setTimeout(() => {
  console.log('这段代码将在3秒后执行');
}, 3000);

使用 async/await 实现同步等待

结合 Promise 和 async/await 可以写出更易读的等待代码:

js实现等待几秒

function wait(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

async function delayedAction() {
  console.log('开始等待');
  await wait(2000);
  console.log('2秒后执行');
}

循环定时执行

使用 setInterval 实现周期性执行:

js实现等待几秒

let counter = 0;
const intervalId = setInterval(() => {
  console.log(`每秒执行一次,当前次数:${++counter}`);
  if(counter >= 5) clearInterval(intervalId);
}, 1000);

使用 Promise 链式调用

通过 Promise 链实现顺序延迟执行:

wait(1000)
  .then(() => {
    console.log('1秒后');
    return wait(2000);
  })
  .then(() => {
    console.log('再2秒后');
  });

注意事项

定时器函数返回的 ID 可用于取消执行:

const timerId = setTimeout(() => {}, 5000);
clearTimeout(timerId);  // 取消未执行的定时器

浏览器环境最小延迟通常为4ms,Node.js环境没有这个限制。长时间延迟建议使用更精确的时间管理方案。

标签: 几秒js
分享给朋友:

相关文章

js实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 或直接使用 window.location 实现页面跳转,适用于普通跳转或带参数的 URL。 //…

js实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 实现页面跳转,这是最常用的方法。 window.location.href = 'https:/…

js实现动画

js实现动画

使用 CSS 动画与 JavaScript 控制 通过 JavaScript 动态添加或移除 CSS 类来触发动画。CSS 定义关键帧(@keyframes),JavaScript 通过 classL…

js 实现倒计时

js 实现倒计时

实现倒计时的基本方法 使用 JavaScript 实现倒计时可以通过 setInterval 或 setTimeout 结合日期计算来完成。以下是两种常见实现方式。 使用 setInterval 实…

js分组实现

js分组实现

分组实现方法 在JavaScript中,可以通过多种方式实现数组或对象的分组操作。以下是几种常见的方法: 使用Array.prototype.reduce() 通过reduce方法可以轻松实现数组…

js实现延迟

js实现延迟

实现延迟的方法 在JavaScript中,实现延迟操作有多种方式,以下是几种常见的方法: 使用setTimeout函数 setTimeout是JavaScript中最常用的延迟执行方法。它接受一个回…