如何停止音频警报

How to stop audio alert?

本文关键字:音频 何停止      更新时间:2023-09-26

我有一个警报框和一个音频警报。当点击关闭警报框的图像时,我想停止音频警报。我已经这样做了。报警框和音频报警器都正常工作。但音频在嘟嘟声后(即关闭警报信息之前)停止。

<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属性就足够了。通过这种方式,声音将无休止地播放,直到你通过代码真正暂停它。