我在每种音乐和文本之间建立了链接,从而使简单的音乐播放器像这样;
txt音频
歌曲1-音乐1
歌曲2-音乐2
歌曲3-音乐3
song4-音乐4
我想做的是,如果在播放Song2时单击song1,请停止song2并从头开始播放song1。如果在播放歌曲4的同时单击歌曲3,请停止歌曲4并像真正的音乐播放器一样播放歌曲3。
对不起,我的问题很愚蠢,但是有什么提示吗?如果我从这里获得一些信息来提高自己的js技能,那将是很棒的。
let count = 0;
function playbutton1() {
let song1 = document.getElementById("music1");
count++;
if (count % 2 == 0) {
song1.pause();
} else {
song1.play();
}
}
function playbutton1() {
let song3 = document.getElementById("music2");
count++;
if (count % 2 == 0) {
song3.pause();
} else {
song3.play();
}
}
function playbutton1() {
let song3 = document.getElementById("music3");
count++;
if (count % 2 == 0) {
song3.pause();
} else {
song3.play();
}
}
song1.addEventListener("click", playbutton1);
song2.addEventListener("click", playbutton2);
song3.addEventListener("click", playbutton3);
<audio id="music1">
<source src="song1.mp3" type="audio/mpeg">
</audio>
<audio id="music2">
<source src="song2.mp3" type="audio/mpeg">
</audio>
<audio id="music3">
<source src="song3.mp3" type="audio/mpeg">
</audio>
<audio id="music4">
<source src="song4.mp3" type="audio/mpeg">
</audio>