点击时继续播放音频

时间:2016-03-01 11:16:00

标签: javascript jquery html

所以我正在尝试用Html和Javascript / Jquery编写Simons游戏。我的问题是声音。单击按钮时,应该没有间隔地继续。但到目前为止,我在点击时发出哔哔,哔哔声和哔哔声。听起来应该像beeeeeeeeep。也就是说,在音轨结束和重启时声音之间没有静音。这就是我到目前为止所做的:

var timeout;

$("#green").mousedown(function() {
  timeout = setInterval(function() {
   document.getElementById('audio1').play();
 },100)
});

$(document).mouseup(function(){
  clearInterval(timeout);
  return false;
});

以及相关的Html代码:

<div id="container">
    <div class="colorDiv" id="green"></div>
    <div class="colorDiv" id="red"></div>
    <div class="colorDiv" id="yellow"></div>
    <div class="colorDiv" id="blue"></div>
</div>

<audio id="audio1" src="https://s3.amazonaws.com/freecodecamp/simonSound1.mp3"></audio>

0 个答案:

没有答案