在 JavaScript 中实现延迟执行通常有两种方式：同步阻塞延迟（不推荐）和异步非阻塞延迟（推荐）。以下是详细说明：

⚠️ 1. 同步阻塞延迟（仅用于简单测试，不推荐）

会冻结整个页面/线程，可能导致浏览器卡死：

function delaySync(ms) {
  const start = Date.now();
  while (Date.now() - start < ms) {
    // 空循环阻塞线程（实际开发中避免使用！）
  }
}

// 使用示例（会阻塞后续所有代码）
console.log("开始");
delaySync(3000); // 阻塞3秒
console.log("3秒后执行");

✅ 2. 异步非阻塞延迟（推荐方案）

方案一：使用 setTimeout + 回调函数

function delayAsync(ms, callback) {
  setTimeout(callback, ms);
}

// 使用示例
console.log("开始");
delayAsync(3000, () => {
  console.log("3秒后执行（回调函数）");
});
console.log("不会阻塞，立即执行");

方案二：使用 Promise（支持 async/await）

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

// 用法1：.then()链式调用
console.log("开始");
delay(3000).then(() => {
  console.log("3秒后执行（Promise）");
});

// 用法2：async/await（需在async函数内使用）
async function demo() {
  console.log("开始等待");
  await delay(3000);
  console.log("3秒后执行（async/await）");
}
demo();

? 最佳实践建议

1. 永远优先使用异步方案（setTimeout 或 Promise），避免阻塞主线程
2. 在异步函数中使用 await delay(ms) 可写出清晰易读的延迟代码
3. Node.js 环境可使用 util.promisify 或 timers/promises

// Node.js 专用写法（v15+）
import { setTimeout } from 'timers/promises';

async function nodeDemo() {
  await setTimeout(3000);
  console.log("Node.js 定时器");
}

重要提醒：浏览器环境的延迟函数最小精度约 4ms（HTML5 规范限制），不可用于高精度计时。