jQuery的audio ended事件是一種非常有用的事件,當音頻播放完畢時會觸發該事件。通過這個事件,我們可以執行一些操作,比如自動播放下一首歌曲或者顯示一個結束的提示。以下是一個簡單的使用jQuery的audio ended事件的例子:
<audio id="myaudio" src="music.mp3"></audio><script>$(document).ready(function(){ $('#myaudio').on('ended', function() { console.log('音頻播放完畢!'); }); }); </script>
在這個例子中,我們創建了一個audio元素并賦予它一個id。在jQuery的.ready()方法中,我們將ended事件綁定到這個audio元素上。當音頻播放完畢時,console會輸出“音頻播放完畢!”。
除了在控制臺輸出信息之外,你還可以在ended事件中執行其他操作。例如,如果你希望自動播放下一首歌曲,你可以添加如下代碼:
$('#myaudio').on('ended', function() { var nextSong = getNextSong(); $('#myaudio').attr('src', nextSong); $('#myaudio').play(); });
在這個例子中,我們獲取了下一首歌曲的路徑,并將它設置為當前audio元素的src屬性。然后,我們調用了play()方法,自動播放下一首歌曲。
總之,ended事件是一種非常有用的jQuery事件,可以讓我們在音頻播放完畢時執行各種操作。
下一篇圖片變回css