-1
我需要以下进度条在循环中运行。所以在倒数到零之后,再次用定义的值重新开始。jquery循环进度条
http://jsfiddle.net/zessx/4PKEB/1/
这是JS
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
function progress(timeleft, timetotal, $element) {
var progressBarWidth = timeleft * $element.width()/timetotal;
$element.find('div').animate({ width: progressBarWidth }, timeleft == timetotal ? 0 : 1000, 'linear').html(timeleft + " seconds to go");
if(timeleft > 0) {
setTimeout(function() {
progress(timeleft - 1, timetotal, $element);
}, 1000);
}
};
progress(20, 20, $('#progressBar'));
});//]]>
</script>
</head>
<body>
<div id="progressBar">
<div></div>
</div>
http://jsfiddle.net/arunpjohny/t7vyjzba/ –