audio标签不支持loopcount属性，因HTML5规范仅定义布尔型loop属性；需用JavaScript监听ended事件并结合计数器与currentTime=0实现指定次数循环。
audio 标签本身不支持设置「循环指定次数」，只有 loop 布尔属性（无限循环）或手动用 JavaScript 控制次数。
为什么 audio 没有 loopcount 这类属性
HTML5 音频规范只定义了 loop（布尔值，true/false），没有提供次数控制。浏览器原生不识别类似 loop="3" 的写法，会直接忽略或报解析警告。
用 JavaScript 实现播放 3 次后停止
监听 ended 事件，配合计数器和 load() 重置状态：
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
<audio id="myAudio" src="sound.mp3"></audio><button onclick="playNTimes(3)">播放 3 次</button>
<script>
let playCount = 0;
const maxCount = 3;
const audio = document.getElementById('myAudio');
function playNTimes(n) {
playCount = 0;
maxCount = n;
audio.play().catch(e => console.warn("自动播放被阻止：", e));
}
audio.addEventListener('ended', () => {
playCount++;
if (playCount < maxCount) {
audio.currentTime = 0; // 重置到开头
audio.play(); // 继续播放
}
});
</script>
- 必须调用
audio.currentTime = 0，否则第二次起播位置可能不是开头 - 首次
play()可能被浏览器静音策略拦截，需用户手势触发（如按钮点击） - 不要在
ended里直接改src或反复load()，开销大且可能中断状态
兼容性与移动端注意点
iOS Safari 和部分安卓 WebView 对自动播放、loop、ended 事件触发较敏感：
- 即使设置了
loop，iOS 上也可能只播一次（尤其无用户交互时） - 某些安卓机型在后台切回页面后，
ended事件丢失，计数失效 - 如果音频很短（play() 可能被节流，建议加
setTimeout(() => audio.play(), 10)微调
真正需要精确次数时，别依赖 HTML 属性，JavaScript 是唯一可靠路径；而「无限循环」就老实用 loop 属性，简单且兼容性好。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
