如何停止音频警报？

Question

我有一个警告框和一个音频警报。当点击警报框的关闭图像时，我想停止音频警报。 我已经这样做了。警报框和音频警报都正确。但是，音频仅在发出嘟嘟声之后停止（即，在关闭警报消息之前）。

<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>'; 
} 

Answer 1

将loop属性添加到您的音频元素应该足够了。通过这种方式，声音将无限次地播放，直到您通过代码实际暂停播放。