<html> | |
<head> | |
<title>加载中</title> | |
<link rel="stylesheet" type="text/css" href="index.css"> | |
<script> | |
var audioPlayed = false; | |
document.addEventListener('click', function() { | |
// 检查音频是否已经播放,如果没有则播放音乐 | |
if (!audioPlayed) { | |
var audio = new Audio('x.mp3'); // 替换成你的音乐文件路径 | |
audio.play(); | |
audioPlayed = true; | |
// 监听音频结束事件,重置标志以便下次点击时重新播放音乐 | |
audio.addEventListener('ended', function() { | |
audioPlayed = false; | |
}); | |
} | |
}); | |
</script> | |
</head> | |
<body> | |
<div class="center"> | |
<div class="circle"></div> | |
</div> | |
</body> | |
</html> | |