2013-06-24 23 views
0

對於我應該「寫的是顯示單詞程序‘完成!賦值’,在屏幕的中央,發出蜂鳴聲,然後刪除單詞。」我得到了程序顯示字1秒在程序啓動後(故意),但我一直在努力了一段時間,無法弄清楚如何玩嘟嘟聲顯示字1秒後。我聽到了嘟嘟聲,只是沒有在正確的時間。這是HTML文件的腳本:另一個jQuery的事件後播放聲音是完全

$(document).ready(function() { 

    $("div").delay(1000).fadeTo("2000", 1) 

}); 

下面是實際的HTML文檔:

<!DOCTYPE html> 
<html> 
    <head> 
     <title>PP1114</title> 
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.js"></script> 
     <script type="text/javascript" src="PP1114.js"></script> 
     <link rel="stylesheet" type="text/css" href="PP1114.css"> 
    </head> 
    <body> 
     <div> 
      <p id="done">Done!</p> 
     </div> 
    </body> 
</html> 

我所有的CSS確實是給出了元素的0不透明所以它是無形的,在第一和然後可以淡入時,該腳本告訴它:

div { 
    opacity: 0; 
} 

所以我的問題是,我怎麼能得到蜂鳴聲音頻後播放字是displaye d。此外,因爲我是相當新的jQuery的,爲什麼一個示例程序工作的說明會,如果它得到先進的很好。

回答

0

如果你想要的東西經過「fadeTo」來執行,你只需要使用回調函數:只有當fadeTo動畫結束

$("div").delay(1000).fadeTo("2000", 1, function() { 
    //code for sound execution here 
    }); 
}); 

回調函數將被執行。

+0

作品,謝謝! – Iggyfan56