您的位置:首页 > 其它

点击暂停音乐播放

2016-08-01 00:00 169 查看
<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: