Question

用jquery做一个音乐控制 有进度条和控制按钮

<style>
.tt{

}
.jindu{
width:700px;
margin-top: 50px;
margin-left: 300px;

}
.cs{
width:190px;
margin-left:auto;
margin-right:auto;
margin-top: 100px;
text-align: center;
}
.bt{
text-align:center;
color:#AD2D2D;
font-family: "微软雅黑";

}

</style>

<div class="jindu">

<div class="progress" style="height:7px;">
<div class="progress-bar progress-bar-info" role="progressbar"
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
style="width: 0%;">
<span class="sr-only">30% 完成（信息）</span>
</div>
</div>
</div>

<script>
$(function(){

var timer;
function move(){
//alert('ff');
// if($("kaishi").scrollLeft>=440){
// alert("到底了!");
// $("kaishi").disabled=true;
// return;
// }
if($(".progress-bar").css('width') == 690){
clearTimeout(timer);
return;
}else{
$(".progress-bar").css('width',"400");
// alert('ff');
timer = setTimeout(move(),1);
}

}
window.load(move());

});

</script>

Answer 1

使用audio标签即可