jQuery及JS實(shí)現(xiàn)循環(huán)中暫停的方法
本文實(shí)例講述了jQuery及JS實(shí)現(xiàn)循環(huán)中暫停的方法。分享給大家供大家參考。具體分析如下:
問(wèn)題:
jquery對(duì)數(shù)組進(jìn)行循環(huán),如果要求每次循環(huán)的時(shí)候暫停2秒鐘,在使用jQuery的.earch循環(huán)的時(shí)候,無(wú)論怎么設(shè)置,都不會(huì)暫停。
setTimeout也只是在第一次執(zhí)行的時(shí)候暫停。
原因猜測(cè):
js開(kāi)始執(zhí)行多線程?
改進(jìn):
改為setInterval來(lái)控制循環(huán),達(dá)到數(shù)組最大值的時(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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- Js setInterval與setTimeout(定時(shí)執(zhí)行與循環(huán)執(zhí)行)的代碼(可以傳入?yún)?shù))
- JavaScript中for..in循環(huán)陷阱介紹
- js數(shù)組循環(huán)遍歷數(shù)組內(nèi)所有元素的方法
- JS數(shù)組的遍歷方式for循環(huán)與for...in
- JS使用for循環(huán)遍歷Table的所有單元格內(nèi)容
- js和jquery中循環(huán)的退出和繼續(xù)下一個(gè)循環(huán)
- js使用for循環(huán)與innerHTML獲取選中tr下td值
- js使用循環(huán)清空某個(gè)div中的input標(biāo)簽值
- 淺談JS閉包中的循環(huán)綁定處理程序
- javascript每日必學(xué)之循環(huán)
相關(guān)文章
JavaScript 事件屬性綁定帶參數(shù)的函數(shù)
在JavaScript中,為了實(shí)現(xiàn)表現(xiàn)和控制相分離,可以通過(guò)0級(jí)的DOM事件屬性或者2級(jí)的事件模型來(lái)實(shí)現(xiàn),不過(guò)這兩者在針對(duì)某個(gè)事件類型調(diào)用相應(yīng)的事件句柄的時(shí)候,不能給事件句柄提供參數(shù),也就是說(shuō),事件屬性的值只能是一個(gè)函數(shù)引用。2009-03-03
簡(jiǎn)單實(shí)現(xiàn)JS計(jì)算器功能
這篇文章主要教大家簡(jiǎn)單實(shí)現(xiàn)JS計(jì)算器功能,實(shí)現(xiàn)小數(shù)點(diǎn)校驗(yàn),重復(fù)計(jì)算,以及大量更符合用戶體驗(yàn)的操作,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12
JS回調(diào)函數(shù)簡(jiǎn)單易懂的入門實(shí)例分析
這篇文章主要介紹了JS回調(diào)函數(shù),結(jié)合簡(jiǎn)單實(shí)例形式分析了javascript回調(diào)函數(shù)的概念、原理、相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2019-09-09
JavaScript實(shí)現(xiàn)in-place思想的快速排序方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)in-place思想的快速排序方法的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08
使用TypeScript實(shí)現(xiàn)楊輝三角的代碼示例
楊輝三角,又稱帕斯卡三角,是一個(gè)數(shù)學(xué)上非常有趣和重要的概念,它是一種數(shù)學(xué)結(jié)構(gòu),它不僅可以用于組合數(shù)學(xué),還可以應(yīng)用于代數(shù)、概率和許多其他領(lǐng)域,在本文中,我們將通過(guò)使用?TypeScript?來(lái)編寫楊輝三角的程序,同時(shí)深入探討?TypeScript?的類型系統(tǒng)2023-09-09

