jQuery及JS实现循环中暂停的方法
更新时间：2015年02月02日 09:33:37 作者：柯乐义
这篇文章主要介绍了jQuery及JS实现循环中暂停的方法,以实例形式分析了循环中暂停的原理及实现技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
在JavaScript中，为了实现表现和控制相分离，可以通过0级的DOM事件属性或者2级的事件模型来实现，不过这两者在针对某个事件类型调用相应的事件句柄的时候，不能给事件句柄提供参数，也就是说，事件属性的值只能是一个函数引用。2009-03-03
微信小程序中的wxs文件,大家或多或少都有见过,下面这篇文章主要给大家介绍了关于微信小程序生命周期和WXS使用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
这篇文章主要教大家简单实现JS计算器功能,实现小数点校验，重复计算，以及大量更符合用户体验的操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了JS回调函数,结合简单实例形式分析了javascript回调函数的概念、原理、相关操作技巧与使用注意事项,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了JavaScript实现in-place思想的快速排序方法的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
Fetch API是一种用于进行网络请求的现代JavaScript API，提供了更简洁、强大和灵活的方式来处理异步数据交互，本文主要为大家介绍了js中js中基本用法，感兴趣的同学可以参考下2023-07-07
这篇文章主要为大家详细介绍了JS设计模式之单例模式的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
使javascript也能包含文件...2006-10-10
yepnope.js是一个能够根据输入条件来选择性异步加载资源文件的js脚本，可以在页面上仅加载用户需要的js/css。2011-09-09
杨辉三角,又称帕斯卡三角,是一个数学上非常有趣和重要的概念,它是一种数学结构,它不仅可以用于组合数学,还可以应用于代数、概率和许多其他领域,在本文中,我们将通过使用 TypeScript 来编写杨辉三角的程序,同时深入探讨 TypeScript 的类型系统2023-09-09
最新评论