Javascript 单击时继续播放音频

所以我尝试用Html和Javascript/Jquery为Simons游戏编写代码。我的问题是关于声音。它应该在单击按钮时无间隔地继续。但是到目前为止，我在点击的时候听到了嘟嘟的声音。听起来应该像啤酒。也就是说，当曲目结束和重新开始时，声音之间没有静音。这就是我到目前为止所做的：

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>

您应该使用两个音频元素，一个应该从第一个元素的末尾开始。请您再解释一下，好吗？使用两个音频元素，一个从另一个克隆而来。获取音频的持续时间。在音频播放时间结束时播放第一个和第二个。这是避免延误的唯一办法。