计时器的 for 循环中声音未播放 3 次
我试图让音频 beepAudio 在 for 循环中播放 3 次，现在只有在没有错误消息时才会发出蜂鸣声。我尝试将音频放入 if (timer == 0) 语句中三次，如下所示：
if (timer == 0) {
stopTimer();
document.getElementById("beepAudio").play();
document.getElementById("beepAudio1").play();
document.getElementById("beepAudio2").play();
}
但这不起作用，是否可以使用 for 循环来做到这一点？
let timerId;
function startTimer(duration, display) {
var timer = duration,
minutes, seconds;
timerId = setInterval(function() {
if (--timer < 0) {
timer = duration;
}
minutes = parseInt(timer / 60, 10);
seconds = parseInt(timer % 60, 10);
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;
display.textContent = minutes + ":" + seconds;
if (timer == 0){
stopTimer();
for (let step = 0; step < 5; step++) {
document.getElementById("beepAudio").play();
}
alert('Timer Ended');
}
}, 1000);
}
function resetTimer() {
clearInterval(timerId);
}
function stopTimer() {
clearInterval(timerId);
}
document.getElementById("beepAudio").src = "http://soundbible.com/grab.php?id=1252&type=mp3";
document.getElementById("beepAudio").load();
function start10() {
var tenMinutes = 60 * 0.1,
display10 = document.querySelector('#time');
startTimer(tenMinutes, display10);
};
<body>
<audio id="beepAudio"></audio>
<button onclick="start10()">Start</button>
<div>Registration closes in <span id="time">00:05</span> minutes!</div>
</body>
有只小跳蛙1回答
-
撒科打诨
是否是您想要循环播放的相同音频（编辑暗示它是）..无论如何，您可以使用音频的 onending 事件也许是这样的：let beepCount = 0;document.getElementById("beepAudio").addEventListener("ended", () => { beepCount++; if(beepCount < 3){ document.getElementById("beepAudio").play(); }}); 然后，当蜂鸣声响起时：if (timer == 0) { stopTimer(); beepCount = 0; document.getElementById("beepAudio").play();}
随时随地看视频慕课网APP
相关分类
JavaScript