onClick按钮更改innerHtml而不停止军鼓(Javascript / JQuery)

onClick按钮更改innerHtml而不停止军鼓是指在JavaScript或JQuery中，通过点击按钮触发事件，实现动态修改HTML元素的内容，同时不中断正在播放的音频。

具体实现方法如下：

首先，在HTML中定义一个按钮和一个用于播放音频的元素，例如：

<button id="changeTextBtn">点击修改文本</button>
<audio id="drumAudio" src="drum.mp3" controls></audio>
<div id="textContainer">原始文本</div>

在JavaScript或JQuery中，通过监听按钮的点击事件，获取需要修改的文本容器和音频元素，然后分别进行相应的操作，例如：

$(document).ready(function() {
  $("#changeTextBtn").click(function() {
    // 获取文本容器和音频元素
    var textContainer = document.getElementById("textContainer");
    var drumAudio = document.getElementById("drumAudio");
    
    // 修改文本内容
    textContainer.innerHTML = "修改后的文本";
    
    // 播放音频
    drumAudio.play();
  });
});

在上述代码中，通过document.getElementById方法获取按钮、文本容器和音频元素的引用，然后通过修改innerHTML属性来改变文本内容，最后调用play()方法播放音频。

这样，当点击按钮时，会先修改文本内容，然后继续播放音频，实现了同时更改文本和不停止军鼓的效果。

推荐的腾讯云相关产品和产品介绍链接地址：