Javascript 在背景音乐中加入两秒钟的延迟_Javascript_Html_Google Chrome_Appcelerator

Javascript 在背景音乐中加入两秒钟的延迟

javascript html google-chrome

Javascript 在背景音乐中加入两秒钟的延迟,javascript,html,google-chrome,appcelerator,Javascript,Html,Google Chrome,Appcelerator,这是我写的在后台播放音乐的代码。我怎样才能增加两秒钟的延迟呢？这将使图像有时间完全加载 <!DOCTYPE html> <html> <head> <title>Animate</title> <script type="text/javascript"> var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(

这是我写的在后台播放音乐的代码。我怎样才能增加两秒钟的延迟呢？这将使图像有时间完全加载

<!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>


使有生气
var isChrome=/Chrome/.test（navigator.userAgent）&&/Google
Inc/.test（navigator.vendor）；
如果（！异色）{
$（'#iframeAudio'）。删除（）
}
否则{
$（“#playAudio”）.remove（）//只是为了确保它不会有2倍的音频
幕后
}

嗨，我建议你做些什么。首先删除音频标签上的自动播放属性

然后可以使用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);    
 });

请使用这两种方法中的任何一种。我记得你说过你不熟悉JS。祝你好运，朋友这就是我想到的。下面的脚本添加了一个3秒钟的

<script type="text/javascript">
     window.setTimeout(function () {
    var iframe = document.getElementById('my_audio');
    iframe.setAttribute('src', 'Happy Birthday Song.mp3');
}, 3000); 
</script>

为什么不使用onload事件呢。它将在加载所有图像、脚本和CSS后启动。在onload函数中，你可以播放音乐。请给我一个例子。我不懂javascript。这一切都是从互联网上得到的，它起作用了。非常感谢。但是我想再加一个2秒的延迟。然后你可以使用setTimeout。你可以把它改成这样。。var audio=document.getElementById（“播放音频”）；window.onload=function（）{setTimeout（function（）{audio.play（）；}，2000）；}@user264498检查更新。。我根据你的口味编辑了答案。很抱歉，延迟不起作用。我正在为我的女孩创建一个网页。现在快午夜了。如果你在45分钟内回复，我可能会让它工作，否则这就是它的结束。音频标签在谷歌浏览器中似乎不起作用。我必须起诉伊夫拉姆。

<iframe style="display:none" id="my_audio">
</iframe>

iframe.setAttribute('src', 'your music here');