我有一个警报框和一个音频警报。当单击警报框的关闭图像时,我想停止音频警报。 我已经这样做了。警报框和音频警报均正常。但音频在一声蜂鸣声后立即停止(即在关闭警报消息之前)。
<script type="text/javascript" src="jquery-1.2.3.pack.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
//first slide down and blink the alert box
$("#object").animate({
top: "0px"
}, 2000).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
//stop the audio alarm
//close the message box when the cross image is clicked
$("#close_message").click(function()
{
audio.pause(); //stop the audio alarm
$("#object").fadeOut("slow");
});
});
</script>
if($a>$B)
{
echo " <script> var audio = document.createElement('audio');
document.body.appendChild(audio);
audio.src = '/sounds-990-system-fault.mp3';
audio.addEventListener('canplaythrough', function() {
audio.play();
}, 5000);
</script>";
echo '<div id="object" class="message">' ;
echo '<img id="close_message" style="float:right;cursor:pointer" src="12-em-cross.png" />';
echo '<strong>Failed </strong>';
echo '</div>';
}
最佳答案
向音频元素添加一个 loop
属性就足够了。这样,声音将无限期地播放,直到您通过代码实际暂停它为止。
关于javascript - 如何停止声音警报?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26668250/