Progressbar的進度在循環內不更新

Question

for (var i = 0; i < dataArray.length; i++) { 
     if(((i/dataArray.length)*100)%10 == 0) 
      $("#progressbar").progressbar({ value: (i/dataArray.length) * 100 }); 
     if (resultArray.indexOf(dataArray[i]) == -1) // check for duplicates 
      resultArray.push(dataArray[i]); 
} 

我添加了if語句，因爲我不想更新每個循環上的進度條。該循環運行近22.2萬次。是否有更好的邏輯來更新進度？

爲什麼它永遠不會輸入if語句？

Answer 1

你可以利用這一點，只是有點從您的代碼優化：

prog_bar = $("#progressbar"); 
for (var i = 0; i < dataArray.length; i++) { 
     if(i%100 == 0) 
     prog_bar.progressbar({ value: (i/dataArray.length) * 100 }); 
     //other code.. 
} 

你會使用一個循環？沒有什麼「暫停」這個循環，所以它運行得非常快，你可能只是看到它在100％，而不是增長。

演示here

你可以改爲調用（而非for循環）的功能來更新進度條，爲您的「其他代碼」運行：

var i = 0; 
function update_progress_bar() { 
    if (i % 100 == 0) { 
     prog_bar.progressbar({ 
      value: (i/10000) * 100 
     }); 
    } 
    i++; 
} 

喜歡的東西this fiddle