javascript - 在 Javascript 中循环音频直到警报解除

Question

我一直在做一些研究，但没有发现任何有助于解释/引导我走向正确方向的东西。这是我到目前为止所拥有的。它有效，但警报仅在预设时间内播放。我希望它一直播放，直到单击警报上的“确定”按钮为止。谢谢

<script type="text/javascript">

setInterval(function(){   
var old_count=<?php echo $arr['counter'];?>;
var audio=document.getElementById('audiotag1');
    $.ajax({
        type : "POST",
        url : "dbcheck.php",
        timeout: 4000,
		
        success : function(data){
            if (data > old_count) {
                alert('New Hot Part Has Been Entered.');
		document.getElementById('audiotag1').play();
		old_count=data;
				
		window.setTimeout(function(){ 
		       location.reload();
		}, 10000);
            }

        }
    });
	
},5000);

</script>

<audio id="audiotag1" src="alert.wav" preload="auto"></audio>

Answer 1

当您使用音频循环标志并监听 audio 元素的 ending 事件时，实现起来非常容易。

audio.addEventListener('ended', function(){
    if(loopAudio){
        audio.play();
    }
});
...
// where you trigger the alert.
loopAudio = true;
audio.play();        
alert('click ok to stop audio looping.');
loopAudio = false;
audio.pause(); // if you want
...

Fiddle Demo