loop属性不能设次数，它仅为布尔开关；需用JavaScript监听ended事件、计数并手动控制重播与停止。
loop 属性到底能不能设次数？
不能。loop 是布尔属性，只有 true 或 false，没有“循环 3 次”“循环到第 5 秒停”这种语义。浏览器原生不支持次数控制——这是底层设计决定的，不是写法不对。
- 写
<audio loop></audio>或audio.loop = true，效果永远是“无限循环”，直到你手动pause()或改loop = false - 试图用
loop="3"、loop="infinite"或 CSS 设置，全无效——HTML 规范里它就是个开关，没参数空间 - 想控次数？必须自己记数、监听
ended、手动干预播放流程
如何用 JavaScript 实现「循环 N 次」
核心逻辑：监听 ended 事件，在每次结束时判断是否达到目标次数；未达则重播，已达则停止并清理状态。
-
ended只在自然播完触发，不会因网络中断、pause()或用户拖拽而误触发，适合做计数基点 - 必须初始化计数器（如
let playCount = 0），且放在音频实例作用域内，避免多个音频互相干扰 - 重播前要重置时间：
audio.currentTime = 0，否则可能从末尾跳回开头时卡顿或无声 - 调用
audio.play()可能被浏览器阻止（尤其 iOS/Safari 无用户手势时），需加.catch()容错
示例（循环 3 次）：
const audio = document.getElementById('bgm');<br>let playCount = 0;<br>const maxLoop = 3;<br><br>audio.addEventListener('ended', () => {<br> playCount++;<br> if (playCount < maxLoop) {<br> audio.currentTime = 0;<br> audio.play().catch(e => console.warn('重播失败:', e));<br> }<br>});
移动端（尤其 iOS Safari）为什么 loop 总失效？
不是 bug，是策略限制：iOS Safari 要求音频首次播放必须由用户手势（点击、触摸）触发，且 loop 属性在此前提下才可能生效；若音频是动态设置 src、或页面加载后自动 play()，loop 很大概率被忽略。
立即学习“前端免费学习笔记（深入）”；
- 即使写了
<audio loop autoplay></audio>，iOS 也会静默禁用 autoplay 和 loop，除非先有用户交互 -
loadeddata或canplay事件后设置audio.loop = true有用，但前提是音频已由用户手势启动过 - 最稳方案：把首次
play()绑定在click或touchstart上，之后再开 loop 或手动循环才可靠 - 背景音效类短音频（
用 ended + currentTime = 0 替代 loop 的代价
能控次数，但会引入新问题：音频衔接不无缝，可能有毫秒级停顿、撕裂感，尤其对节奏敏感的音乐或 UI 音效。
- 原生
loop是解码器层循环，跳转零延迟；而currentTime = 0+play()是重新调度播放，受 JS 事件队列、浏览器音频调度策略影响 - 频繁调用
play()在部分安卓 WebView 中可能触发“播放被阻止”警告，导致后续循环中断 - 若音频暂停后再恢复，
ended不会触发，所以纯靠它无法覆盖“暂停→继续→循环”的完整生命周期，得额外管理paused状态
真正需要次数控制时，就接受这个 trade-off；如果只是“一直循环”，优先用原生 loop + 用户手势兜底，别画蛇添足。
