jQuery及JS實作循環中暫停的方法_javascript技巧

本文實例講述了jQuery及JS實作循環中暫停的方法。分享給大家供大家參考。具體分析如下：

問題：

jquery對數組進行循環，如果要求每次循環的時候暫停2秒鐘，在使用jQuery的.earch循環的時候，無論怎麼設置，都不會暫停。
setTimeout也只是在第一次執行的時候暫停。

原因猜測：

js開始執行多執行緒？

改進：

改為setInterval來控制循環，達到陣列最大值的時候，clearInterval取消循環。

以下是jQuery程式碼：

<script type="text/javascript">
var arr = new Array();
var arrk = 0;
jQuery(function() {
arr[0] = "aaa.keleyi.com";
arr[1] = "bbb.keleyi.com";
arr[2] = "ccc.keleyi.com";
mytime = setInterval(function(){showme()}, 2000);
function showme(){
alert(arr[arrk]);
arrk += 1;
if(arrk>2) clearInterval(mytime);
}
});
</script>

以下是Javascript程式碼：

<script type="text/javascript">
var arr = new Array();
var arrk = 0; 
arr[0] = "aaa.keleyi.com";
arr[1] = "bbb.keleyi.com";
arr[2] = "ccc.keleyi.com";
mytime = setInterval(function () { showme() }, 2000);
function showme() {
alert(arr[arrk]);
arrk += 1;
if (arrk > 2) clearInterval(mytime);
}
</script>

希望本文所述對大家的javascript程式設計有所幫助。