如何添加进度条的延迟

我有一个html-5进度条，进度条的值已从JQuery传递过来。我想延迟进度条以慢慢获取进度值。如何添加进度条的延迟

现在越来越进步quickly.I希望得到的进展顺利，慢慢

我怎样才能做到这一点？

这是我曾尝试

代码：

<!DOCTYPE html> 
<html> 
<head> 
<title>Welcome</title> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
for (var i = 0; i < 100; i++) { 
    document.getElementById('MyProgress').value = i; 
} 
}),4000; 
</script> 
</head> 
<body> 
<progress id="MyProgress" value="0" max="100"> 
</progress> 
</body> 
</html>

来源

2014-02-14 Mithun Raikar

'延迟（4000）'??? – underscore

你应该使用jQuery动画功能，如：http://jsfiddle.net/maximgladkov/H5wXj/

$(document).ready(function(){ 
    $('#MyProgress').animate({ value: 100 }, 10000); 
});

来源

2014-02-14 08:31:31

我想你可能做这样的：

setInterval(function(){ 
for (var i = 0; i < 100; i++) { 
    document.getElementById('MyProgress').value = i; 
} 
},4000);

来源

2014-02-14 08:33:18

使用setTimeout：

function setProgress(value){ 
    document.getElementById('MyProgress').value = value; 
    if(value<=100){ 
     setTimeout(function(){ 
      setProgress(value++); 
     },1000); 
    } 

} 

$(document).ready(function(){ 
     setProgress(1); 
});

来源

2014-02-14 08:35:07 dstronczak

var count = 1; 
function progressBar() { 
    if(count > 100) { 
     return; 
    } 
    document.getElementById('MyProgress').value = count++; 
    setTimeout(function(){ 
     progressBar(); 
    }, 100) 

}

来源

2014-02-14 08:38:32 Jaykishan

如何添加进度条的延迟

回答

相关问题