使用 javascript 停止循环音频但完成播放迭代

Stop looping audio with javascript but completing playing iteration

<audio loop id="effect" src="/assets/web/audio/effect.mp3"></audio>

<script>document.getElementById('effect').pause();</script> 

我以这种方式停止播放音频,问题是它在我 运行 javascript 代码的那一刻突然结束。这可能很棘手,但我想知道如何停止它但允许它完成播放迭代?

document.getElementById('effect').loop = false;

https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/loop