当前位置:首页 > 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实现

JavaScript 实现方法 JavaScript 是一种广泛使用的编程语言,适用于网页开发、服务器端编程以及移动应用开发。以下是几种常见的 JavaScript 实现方法: 网页交互功能 使用…

js实现复制

js实现复制

使用document.execCommand方法 在较旧的浏览器中,可以使用document.execCommand('copy')实现复制功能。创建一个临时的textarea或input元素,将需要…

js实现复制到剪贴板

js实现复制到剪贴板

使用document.execCommand方法(传统方式,已废弃但部分浏览器仍支持) 该方法适用于旧版浏览器,但已被标记为废弃。执行前需确保文本已被选中: function copyToClipb…

js实现点击显示和隐藏

js实现点击显示和隐藏

实现点击显示和隐藏的JavaScript方法 使用classList.toggle切换类名 通过添加/移除CSS类控制元素的显示与隐藏,需提前在CSS中定义隐藏样式(如display: none)。…

js树实现

js树实现

树的基本概念 树是一种非线性的数据结构,由节点和边组成。每个节点包含一个值和指向子节点的引用。树的顶部节点称为根节点,没有子节点的节点称为叶节点。 树的实现方式 在JavaScript中,树可以通过…

js画图实现

js画图实现

使用Canvas API绘制图形 Canvas是HTML5提供的绘图API,通过JavaScript操作Canvas元素可以绘制各种图形。以下是一个简单的示例: <canvas id="myC…