jQuery及JS實現(xiàn)循環(huán)中暫停的方法

更新時間：2015年02月02日 09:33:37 作者：柯樂義

這篇文章主要介紹了jQuery及JS實現(xiàn)循環(huán)中暫停的方法,以實例形式分析了循環(huán)中暫停的原理及實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了jQuery及JS實現(xiàn)循環(huán)中暫停的方法。分享給大家供大家參考。具體分析如下：

問題：

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

原因猜測：

js開始執(zhí)行多線程？

改進：

改為setInterval來控制循環(huán)，達到數(shù)組最大值的時候，clearInterval取消循環(huán)。

以下是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程序設計有所幫助。

您可能感興趣的文章:

js實現(xiàn)驗證碼干擾（靜態(tài)）
這篇文章主要為大家詳細介紹了js實現(xiàn)驗證碼干擾，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-02-02
JavaScript中內(nèi)存泄漏的介紹與教程（推薦）
內(nèi)存泄露是指一塊被分配的內(nèi)存既不能使用，又不能回收，直到瀏覽器進程結束。下面這篇文章主要給的大家介紹了關于JavaScript中內(nèi)存泄漏的相關資料，文中介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。
2017-06-06
javascript實現(xiàn)圖片預加載和懶加載
這篇文章主要為大家詳細介紹了javascript實現(xiàn)圖片預加載和懶加載，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-03-03
微信小程序引入模塊中wxml、wxss、js的方法示例
這篇文章主要介紹了微信小程序引入模塊中wxml、wxss、js的方法示例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-08-08
js驗證框架實現(xiàn)代碼分享
這篇文章主要為大家分享了一個非常實用的js驗證框架實現(xiàn)源碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-05-05
深入淺析javascript中的作用域(推薦)
js作用域是前端開發(fā)必掌握的基礎知識。這篇文章主要介紹了javascript中的作用域的相關資料,需要的朋友可以參考下
2016-07-07
使用canvas實現(xiàn)有趣的彈簧效果
這篇文章主要為大家詳細介紹了如何使用canvas實現(xiàn)有趣的彈簧效果,文中的示例代碼講解詳細,具有一定的借鑒價值,感興趣的小伙伴可以了解一下
2023-12-12
快速使用Bootstrap搭建傳送帶
這篇文章主要介紹了快速使用Bootstrap搭建傳送帶的相關資料,非常具有參考借鑒價值，需要的朋友可以參考下
2016-05-05
JS中的form.submit()不能提交表單的錯誤原因
這篇文章主要介紹了JS中的form.submit()不能提交表單的錯誤原因,本文最后得出結論是按鈕的ID、名稱不要使用submit,需要的朋友可以參考下
2014-10-10
js css樣式操作代碼（批量操作）
用js控制css樣式，能讓網(wǎng)頁達到良好的的用戶體驗甚至是動畫的效果。并且考慮到效率。
2009-10-10