js音乐播放效果点击另一个时正在播放的暂停代码

你可以在点击另一个音乐时，先获取正在播放的音乐元素，然后暂停它的播放，再播放新的音乐。以下是示例代码：

// 获取所有的音乐元素
const audios = document.querySelectorAll('audio');

// 给每个音乐元素添加点击事件
audios.forEach(audio => {
  audio.addEventListener('click', () => {
    // 暂停正在播放的音乐
    const playingAudio = document.querySelector('audio.playing');
    if (playingAudio && playingAudio !== audio) {
      playingAudio.pause();
      playingAudio.classList.remove('playing');
    }
    
    // 播放或暂停当前音乐
    if (audio.paused) {
      audio.play();
      audio.classList.add('playing');
    } else {
      audio.pause();
      audio.classList.remove('playing');
    }
  });
});

这段代码假设你的每个音乐元素都是 `<audio>` 标签，并且它们的状态都有一个 `playing` 类来表示是否正在播放。你可以根据你的实际情况进行修改。