当前位置:首页 > JavaScript

js实现等待几秒

2026-02-02 15:56:51JavaScript

使用 setTimeout 实现延迟执行

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

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

使用 async/await 实现同步等待

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

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

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

循环定时执行

使用 setInterval 实现周期性执行:

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 可用于取消执行:

js实现等待几秒

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

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

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

相关文章

css3结合js制作

css3结合js制作

CSS3 结合 JavaScript 制作动态效果 CSS3 和 JavaScript 结合可以实现丰富的动态效果,包括动画、交互和响应式设计。以下是几种常见的实现方式: CSS3 动画与 Java…

js实现分页

js实现分页

分页的基本实现思路 在JavaScript中实现分页功能通常需要结合前端和后端逻辑。前端负责渲染分页控件和处理用户交互,后端负责提供分页数据。 前端分页实现 纯前端分页适用于数据量较小的情况,可以直…

js 实现分页

js 实现分页

实现分页的基本逻辑 分页功能通常需要后端返回数据总量或总页数,前端根据当前页码和每页条数截取对应数据。以下是一个基于JavaScript的简单分页实现方案: 前端分页实现 假设已有从后端获取的完整数…

vue实现js休眠

vue实现js休眠

实现 JavaScript 休眠的方法 在 Vue 中实现 JavaScript 休眠(延迟执行)可以通过以下方式实现。由于 JavaScript 本身没有内置的 sleep 函数,通常使用 Prom…

js实现滑动

js实现滑动

实现滑动效果的方法 在JavaScript中实现滑动效果可以通过多种方式完成,以下是几种常见的实现方法: 使用CSS过渡和JavaScript触发 通过CSS定义过渡效果,JavaScript控制触…

js 实现截图

js 实现截图

使用html2canvas库实现截图 html2canvas是一个流行的JavaScript库,可将HTML元素转换为Canvas,进而导出为图片。 安装库: npm install ht…