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 相关文章推荐
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
May 31 Javascript
麻雀虽小五脏俱全 Dojo自定义控件应用
Sep 04 Javascript
深入理解JavaScript系列(9) 根本没有“JSON对象”这回事!
Jan 15 Javascript
Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
Feb 12 Javascript
js实现楼层效果的简单实例
Jul 15 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
使用jQuery实现动态添加小广告
Jul 11 jQuery
Vue兼容ie9的问题全面解决方案
Jun 19 Javascript
微信小程序实现九宫格抽奖
Apr 15 Javascript
vue中多个倒计时实现代码实例
Mar 27 Javascript
发布订阅模式在vue中的实际运用实例详解
Jun 09 Javascript
微信小程序 this.triggerEvent()的具体使用
Dec 10 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/01 无线电
相对路径转化成绝对路径
2007/04/10 PHP
Smarty安装配置方法
2008/04/10 PHP
smarty半小时快速上手入门教程
2014/10/27 PHP
JavaScript设置FieldSet展开与收缩
2009/05/15 Javascript
javascript parseInt与Number函数的区别
2010/01/21 Javascript
使用jquery动态加载js文件的方法
2014/12/24 Javascript
给before和after伪元素设置js效果的方法
2015/12/04 Javascript
深入解析Vue 组件命名那些事
2017/07/18 Javascript
React通过父组件传递类名给子组件的实现方法
2017/11/13 Javascript
Vue中props的使用详解
2018/06/15 Javascript
详解ES6中的Map与Set集合
2019/03/22 Javascript
element-ui中Table表格省市区合并单元格的方法实现
2019/08/07 Javascript
如何实现js拖拽效果及原理解析
2020/05/08 Javascript
Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法
2020/09/04 Javascript
举例讲解Python设计模式编程中的访问者与观察者模式
2016/01/26 Python
使用Python来开发Markdown脚本扩展的实例分享
2016/03/04 Python
Python实现从log日志中提取ip的方法【正则提取】
2018/03/31 Python
Scrapy框架使用的基本知识
2018/10/21 Python
Python3网络爬虫中的requests高级用法详解
2019/06/18 Python
TensorFlow2.0矩阵与向量的加减乘实例
2020/02/07 Python
python2.7使用scapy发送syn实例
2020/05/05 Python
解决pycharm导入本地py文件时,模块下方出现红色波浪线的问题
2020/06/01 Python
浅析PyCharm 的初始设置(知道)
2020/10/12 Python
pandas将list数据拆分成行或列的实现
2020/12/13 Python
澳大利亚票务和娱乐市场领导者:Ticketmaster
2017/03/03 全球购物
Java中实现多态的机制
2015/08/09 面试题
Java里面如何把一个Array数组转换成Collection, List
2013/07/26 面试题
美术毕业生求职信
2014/02/25 职场文书
2014年清明节寄语
2014/04/03 职场文书
护理见习报告范文
2014/11/03 职场文书
2015年度合同管理工作总结
2015/05/22 职场文书
房屋质量投诉书
2015/07/02 职场文书
美德少年事迹材料(2016推荐版)
2016/02/25 职场文书
600字作文之感受大自然
2019/11/27 职场文书
TV动画「神渣☆爱豆」公开第一弹主视觉图
2022/03/21 日漫