欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery及JS实现循环中暂停的方法教程

程序员文章站 2022-06-13 19:26:18
本文实例讲述了jquery及js实现循环中暂停的方法。分享给大家供大家参考。具体分析如下: 问题: jquery对数组进行循环,如果要求每次循环的时候暂停2秒钟,在使用jque...

本文实例讲述了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>