点击播放暂停音乐

要实现的效果:播放音乐时,下图音乐盘匀速旋转,点击暂停播放音乐,暂停旋转;再点击继续播放音乐,继续旋转。


1、html代码


2、js代码

$(function () {var t = function () {reg += 10;$('#music').css('transform','rotate('+reg+'deg)');}var reg= 0;var timer = setInterval(t,50);var audio = document.getElementById('audio');$('#music').on('click',function () {if(audio.paused){timer =  setInterval(t,50);audio.play();}else{audio.pause();clearInterval(timer);}})
});
                        


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部