JQUERY音樂動畫

Question

我想知道爲什麼我無法設置動畫我的音頻文件。我的目標是在按下按鈕時激活歌曲，並在8-10秒內從零音量衰減到最大音量。

在html文件中，我有一個id =「music」的音頻文件。我也有一個class =「play」的按鈕。 我知道確定該按鈕的工作原理，因爲我在使用此按鈕的js文件中有一些其他代碼。 我會然而，僅包括作爲有關音樂的代碼，在js文件：

$(document).ready(function() { 
    $('.play').click(function(){ 
     $("#music").animate({volume: 1}, 1000); 
    }); 
}); 

音樂甚至沒有啓動。

Answer 1

您可以使用setTimeOut方法。在每x秒鐘內，您可以減少或增加音量。

入住這裏：http://www.w3schools.com/js/js_timing.asp

Answer 2

var value=0 

function PlayAudio(){ 

    setTimeout(function(){ 

       document.getElementById("music").volume = (value/100); 
       value = value + 20 

       if(value!==100) 
        PlayAuido() 

      }, 3000); 
}