如何用js点击不同图片播放不同音频

2020-09-24 21:44:25 作者:Marc 来源:本站 阅读: 71


<img id="img1" alt="img1">
<img id="img2" alt="img2">
<img id="img3" alt="img3">
<audio></audio>
<script>
// mp3名称bai分du别zhi为dao1.mp3,2.mp3,3.mp3
let myAuto = document.querySelector("audio")
document.querySelectorAll("img").forEach((item,index)=>{
item.onclick = ()=>{
myAuto.setAttribute("src",index+1+".mp3")
myAuto.play();
}
})
</script>


来源:https://zhidao.baidu.com/question/1696985525471837908.html

版权声明:本文为博主原创文章,转载请注明来源。https://www.imarc.cn/94.html
打赏 微信扫一扫微信扫码打赏

评论

精彩评论