jQueryUI進度條

Question

我從來沒有使用jQuery UI進度條，但我想製作一個基本上會加載jQuery UI進度條的函數，運行它5秒鐘，然後執行另一個函數。

即。

function test() { 

show the jQuery UI progress bar for 5 seconds in div ("progressbar") 

after 5 seconds has passed..... execute test2() 

} 

這怎麼辦？

Answer 1

你可以這樣說：

​<button onclick="test()">Test</button> 
<div id="progress"></div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

動畫：

function test(){ 
    var per = 0; 
    progress(per); 
    time = setTimeout(function(){ animate(per); }, 1000); 
    setTimeout(function(){ $("#progress").hide(); test2(); }, 5000); 

} 

function animate(per){ 

    clearTimeout(time); 
    per = per+20; 
    progress(per); 

    time = setTimeout(function(){ animate(per); }, 1000); 
} 

function test2(){ 
    alert('test2'); 
} 
function progress(per){ 
    $("#progress").progressbar({ 
     value: per 
    });   
} 

JSFiddle Example