点击暂停音乐播放

2019独角兽企业重金招聘Python工程师标准>>>

<div class="music" href="javascript:void(0);" id="control">
        <img src="images/love_3.png" alt="">
        <audio id="audio" src="" loop="loop" autoplay="autoplay"></audio>
 </div>

<script src="js/jquery.min.js"></script>
<script>
$(function() {
  getSong();
  clicks();
})

//获取歌曲链接并插入dom中
function getSong() {
    var audio = document.getElementById("audio");
    audio.src = "music.mp3";
    audio.loop = true; //歌曲循环
    //playCotrol(); //播放控制函数

}

//点击播放/暂停
function clicks() {
    var audio = document.getElementById("audio");
    $("#control").click(function() {
        if ($("#control").hasClass("play")) {
            $("#control").addClass("pause").removeClass("play");
            audio.play();//开始播放
            //dragMove();//并且滚动条开始滑动
            //$("#control").html("暂停播放");
        } else {
            $("#control").addClass("play").removeClass("pause");
            //$("#control").html("点击播放");
            audio.pause();
        }
    })
}
</script>

转载于:https://my.oschina.net/bangxia/blog/724618