这是我编写的用于在后台播放音乐的代码。如何在其中添加两秒钟的延迟？这将为图像完全加载提供时间
<!DOCTYPE html>
<html>
<head>
<title>Animate</title>
<script type="text/javascript">
var isChrome = /Chrome/.test(navigator.userAgent) && /Google
Inc/.test(navigator.vendor);
if(!isChrome){
$('#iframeAudio').remove()
}
else{
$('#playAudio').remove() //just to make sure that it will not have 2x audio
in the background
}
</script>
</head>
<body>
<iframe src="Happy Birthday Song.mp3" allow="autoplay" style="display:none" id="iframeAudio">
</iframe>
<audio autoplay loop id="playAudio">
<source src="Happy Birthday Song.mp3">
</audio>
</body>
</html>
最佳答案
您好，这是我建议您应该做的。首先，最重要的是删除音频标签上的自动播放属性。
那么您可以使用javascript或jquery来控制音频的播放时间。在您的情况下，您希望在加载所有资产时播放音频。.所以这里是一个示例。
//javascript
window.onload = function() {
document.getElementbyId("playAudio").play();
}
//jquery
$(document).ready(function() {
$("#my_audio").get(0).play();
});
如果出于任何原因您仍然想要更多的延迟，请说2秒..您可以进一步延长...
var myAudio = document.getElementById("playAudio");
//javascript
window.onload = function() {
setTimeout(function(){
myAudio.play();
}, 2000);
}
//jquery
$(document).ready(function() {
setTimeout(function(){
$("#my_audio").get(0).play();
}, 2000);
});
PS。使用两者中的任何一个。我记得您说过您对JS不熟悉。最好的好朋友
关于javascript - 在背景音乐中增加两秒钟的延迟，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53350158/