點擊暫停音樂播放

<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>javascript

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

//獲取歌曲連接並插入dom中
function getSong() {
    var audio = document.getElementById("audio");
    audio.src = "music.mp3";
    audio.loop = true; //歌曲循環
    //playCotrol(); //播放控制函數java

}jquery

//點擊播放/暫停
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>dom

相關文章
相關標籤/搜索