2014-10-31 89 views
1

我有一個警告框和一個音頻警報。當點擊警報框的關閉圖像時,我想停止音頻警報。 我已經這樣做了。警報框和音頻警報都正確。但是,音頻僅在發出嘟嘟聲之後停止(即,在關閉警報消息之前)。如何停止音頻警報?

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

回答

0

loop屬性添加到您的音頻元素應該足夠了。通過這種方式,聲音將無限次地播放,直到您通過代碼實際暫停播放。

+0

可以請你出示一個樣本 – 2014-10-31 10:41:08

+0

只需在你的代碼中加入'audio.loop =「loop」;''。 – 2014-10-31 10:51:32