html5 audio声音多次播放

最新推荐文章于 2023-12-14 10:45:26 发布

kyle凯尔

最新推荐文章于 2023-12-14 10:45:26 发布

阅读量2.7k

点赞数

文章标签： js audio ViewUI

本文链接：https://blog.csdn.net/onlyor/article/details/84691567

版权

<html>
<head>
	<title>js</title>
</head>
<body>

    <input id="bt" type="button" value="BT" >
    
	<script type="text/javascript">
	   var count = 2;
	   var music;
	
		var bt = document.getElementById("bt");     
		bt.addEventListener("click",function() {
			count = 2;
			a();
		});
		
		// html5：audio声音多次播放
		function a() {
			if (!music) {
				music = new Audio();
				music.addEventListener("ended", function (){
					if (count > 0) {
						a();
					}
				});
			} else {
				music.pause();
			}
			
			music.src = 'ding.mp3';
			music.play();
			
			console.log(count);
			count--;
		}
		
	</script>
	
</body>


</html>