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


Posted in Javascript onFebruary 02, 2015

本文实例讲述了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 相关文章推荐
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
Oct 01 Javascript
网页前台通过js非法字符过滤代码(骂人的话等等)
May 26 Javascript
深入理解JavaScript中的传值与传引用
Dec 09 Javascript
JavaScript设计模式之代理模式介绍
Dec 28 Javascript
javascript实用方法总结
Feb 06 Javascript
jquery.validate 自定义验证方法及validate相关参数
Jan 18 Javascript
Jquery循环截取字符串的方法(多出的字符串处理成&quot;...&quot;)
Nov 28 Javascript
AugularJS从入门到实践(必看篇)
Jul 10 Javascript
Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页功能
Jan 26 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
Jan 29 Javascript
Vue动态修改网页标题的方法及遇到问题
Jun 09 Javascript
vue+webpack dev本地调试全局样式引用失效的解决方案
Nov 12 Javascript
JQuery动画与特效实例分析
Feb 02 #Javascript
Javascript核心读书有感之词法结构
Feb 01 #Javascript
Javascript核心读书有感之语言核心
Feb 01 #Javascript
jQuery功能函数详解
Feb 01 #Javascript
jQuery动画与特效详解
Feb 01 #Javascript
jquery制作 随机弹跳的小球特效
Feb 01 #Javascript
jQuery实现单击和鼠标感应事件
Feb 01 #Javascript
You might like
咖啡知识大全
2021/03/03 新手入门
php预定义常量
2006/12/25 PHP
PHP 全角转半角实现代码
2010/05/16 PHP
PHP中SSO Cookie登录分析和实现
2015/11/06 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
PHP的cookie与session原理及用法详解
2019/09/27 PHP
laravel 关联关系遍历数组的例子
2019/10/10 PHP
js或css实现滚动广告的几种方案
2010/01/28 Javascript
javascript教程:关于if简写语句优化的方法
2014/05/17 Javascript
JavaScript实现Iterator模式实例分析
2015/06/09 Javascript
Javascript函数式编程简单介绍
2015/10/11 Javascript
JavaScript常用字符串与数组扩展函数小结
2016/04/24 Javascript
基于jQuery的select下拉框选择触发事件实例分析
2016/11/18 Javascript
JavaScript轮播停留效果的实现思路
2018/05/24 Javascript
layDate插件设置开始和结束时间
2018/11/15 Javascript
angularjs http与后台交互的实现示例
2018/12/21 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
2019/04/22 Javascript
countUp.js实现数字滚动效果
2019/10/18 Javascript
Vue 3.0双向绑定原理的实现方法
2019/10/23 Javascript
JS创建自定义对象的六种方法总结
2020/12/15 Javascript
python处理圆角图片、圆形图片的例子
2014/04/25 Python
Python中模块string.py详解
2017/03/12 Python
Python简单读写Xls格式文档的方法示例
2018/08/17 Python
python进行参数传递的方法
2020/05/12 Python
selenium+超级鹰实现模拟登录12306
2021/01/24 Python
K近邻法(KNN)相关知识总结以及如何用python实现
2021/01/28 Python
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
化工工艺专业求职信
2013/09/22 职场文书
中国央视网签名寄语
2014/01/18 职场文书
学雷锋演讲稿
2014/03/04 职场文书
农村改厕实施方案
2014/03/22 职场文书
保证书范文大全
2014/04/28 职场文书
一份关于丢失公司财物的检讨书
2014/09/19 职场文书
受伤赔偿协议书
2014/09/24 职场文书
《秋思》教学反思
2016/02/23 职场文书
提升Nginx性能的一些建议
2021/03/31 Servers