如何添加進度條的延遲

我有一個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

如何添加進度條的延遲

回答

相關問題