你可以使用JavaScript来实现这个功能。首先,你需要为div元素添加一个点击事件监听器。当点击div时,你可以检查音乐是否正在播放,如果是,则暂停音乐,如果不是,则播放音乐。下面是一个实现的例子:

HTML代码:

<div id="musicDiv">点击播放音乐</div>

JavaScript代码:

var musicDiv = document.getElementById("musicDiv");
var audio = new Audio("音乐文件的URL");

musicDiv.addEventListener("click", function() {
  if (audio.paused) {
    audio.play();
    musicDiv.innerHTML = "点击暂停音乐";
  } else {
    audio.pause();
    musicDiv.innerHTML = "点击播放音乐";
  }
});

在上面的代码中,我们首先获取了id为"musicDiv"的div元素和音乐文件的URL。然后,我们为div元素添加了一个点击事件监听器。当点击div时,我们检查音乐是否正在播放,如果是,则暂停音乐并更新div的文本内容为"点击播放音乐";如果不是,则播放音乐并更新div的文本内容为"点击暂停音乐"。

请注意,上面的代码中使用了HTML5的Audio对象来播放音乐。你需要将"音乐文件的URL"替换为你实际的音乐文件的URL。

如何通过点击一个div播放音乐然后再点击就暂停音乐

原文地址: http://www.cveoy.top/t/topic/hKFy 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录