在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(cainiaoplay.com)</title>
</head>
<body>

<p>该实例演示了如何使用 HTML DOM 向 audio 元素添加 "onended" 事件。</p>
<p>按下播放按钮，等待音频播放结束。</p>
<audio id="myAudio" controls>
    <source src="horse.ogg.html" type="audio/ogg">
    <source src="horse.mp3.html" type="audio/mpeg">
    您的浏览器不支持 audio 元素。
</audio>
<p id="demo"></p>
<script>
document.getElementById("myAudio").onended = function() {myFunction()};
function myFunction() {
    document.getElementById("demo").innerHTML = "音频播放结束。";
}
</script>

</body>
</html>
源代码

动行结果
