Event
Loop
Loop
JS 事件循环演示器
粘贴一段含 setTimeout / Promise / async-await 的代码，工具静态解析宏任务与微任务，按事件循环规则生成时序动画与队列快照，直接给出控制台输出顺序。内置经典面试例题，代码只在本页解析、绝不执行，不上传服务器。
1代码片段
支持顶层语句、setTimeout 回调、Promise.then 链、queueMicrotask、requestAnimationFrame、async 函数声明与调用。
动画速度 0.9s/步
微任务队列 Micro—
宏任务队列 Macro—
渲染帧 Frame—
2执行时序轨道
点亮的卡片即当前执行步骤，灰色为尚未到达的时序。
解析代码后，这里会逐条点亮事件循环时序
控制台输出顺序（按执行时序）
场景预设与分步回放
8 个经典异步场景一键载入；可暂停、逐步前进或后退，右侧 SVG 状态环同步显示当前阶段与三色队列余量。
0 / 0
当前阶段未开始
微任务余量0
宏任务余量0
渲染帧余量0
同步微任务宏任务渲染帧
方案管理 · 数值对比 · 导出
调好的参数可存成方案随时载入，也能生成可分享链接；结果里的数值列会自动画成对比图，并支持导出 CSV / JSON。
还没有留言，来抢沙发吧！