jQueryUI进度条

我从来没有使用过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

你可以这样做：

 ​Test 
​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

动画：

 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示例