Question

我有一个按钮，可以将用户带到不同的HTML文档，并且我希望它在用户点击时发出干扰。

此刻，我设置了足够长的延迟时间，以使声音消失。但是，这会导致我的网站滞后（并且它已经非常缓慢地加载了页面）。

有什么想法吗？

// code for playing button then going to the next page
function buttonClick() {
  document.getElementById("buttonSound").play();
  window.setTimeout(levelSelect, 300);
}

Answer 1

根据我的理解，如果我错过了理解，请发表评论或编辑您的问题：

如果您要在重定向后播放音频：

您可以立即重定向，而无需等待具有特定查询字符串的其他html页面（例如，“ X”），在名为“ X”的页面中进行简单的加载检查，是否在URL中传递了此查询字符串，然后播放音频/噪音

如果要在重定向/加载iframe之前播放音频，请执行以下操作：为onended使用audio事件，并在触发它时重定向或加载您的html：

var x = document.getElementById("myAudio"); 

x.onended  = function(){
  //can do AJAX too in case you want to load partial html content
  window.location.href = "https://astimix.com";
}

function playAudio() { 
x.play();

}

function pauseAudio() { 
    x.pause(); 
}

   

<audio id="myAudio">
  <source src="https://www.w3schools.com/jsref/horse.ogg" type="audio/ogg">
  <source src="https://www.w3schools.com/jsref/horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

<button onclick="playAudio()" type="button">Play Audio</button>

JavaScript：在window.Location更改上播放声音

1 个答案: