如何停止音频警报？

Posted 2023-02-25

【中文标题】如何停止音频警报？

【英文标题】：How to stop audio alert?

【发布时间】：2014-10-31 05:46:29

【问题描述】：

我有一个警报框和一个音频警报。单击警报框的关闭图像时，我想停止音频警报。 我已经这样做了。警报框和音频警报都正常。但音频会在一声哔声后停止（即在关闭警报消息之前）。

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

【参考方案1】：

将loop 属性添加到您的音频元素就足够了。这样，声音将无限播放，直到您真正通过代码暂停它。