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(1.6.3) 中css方法对浮动的实现缺陷分析
Sep 09 Javascript
Javascript脚本实现静态网页加密实例代码
Nov 05 Javascript
探讨JQUERY JSON的反序列化类 using问题的解决方法
Dec 19 Javascript
jQuery的position()方法详解
Jul 19 Javascript
jquery实现简单的全选和反选功能
Jan 02 Javascript
JavaScript判断是否是微信浏览器
Jun 13 Javascript
JavaScript lodash常见用法系列小结
Aug 24 Javascript
JS防止网页被嵌入iframe框架的方法分析
Sep 13 Javascript
jQuery+ajax实现局部刷新的两种方法
Jun 08 jQuery
jquery加载单文件vue组件的方法
Jun 20 jQuery
webstorm+vue初始化项目的方法
Oct 18 Javascript
JS 正则表达式验证密码、邮箱格式的实例代码
Oct 28 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
PHP中常用的字符串格式化函数总结
2014/11/19 PHP
PHP输出图像imagegif、imagejpeg与imagepng函数用法分析
2016/11/14 PHP
原生PHP实现导出csv格式Excel文件的方法示例【附源码下载】
2019/03/07 PHP
淘宝搜索框效果实现分析
2011/03/05 Javascript
jQuery函数的第二个参数获取指定上下文中的DOM元素
2014/05/19 Javascript
JavaScript检测浏览器cookie是否已经启动的方法
2015/02/27 Javascript
js实现不提交表单获取单选按钮值的方法
2015/08/21 Javascript
JQuery Mobile实现导航栏和页脚
2016/03/09 Javascript
JavaScript数据结构之二叉树的遍历算法示例
2017/04/13 Javascript
如何理解Vue的.sync修饰符的使用
2017/08/17 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
2017/09/10 Javascript
vue2中的keep-alive使用总结及注意事项
2017/12/21 Javascript
vue单页应用的内存泄露定位和修复问题小结
2019/08/02 Javascript
JS call()及apply()方法使用实例汇总
2020/07/11 Javascript
使用python装饰器验证配置文件示例
2014/02/24 Python
从零学Python之入门(二)基本数据类型
2014/05/25 Python
分析Python的Django框架的运行方式及处理流程
2015/04/08 Python
在windows下快速搭建web.py开发框架方法
2016/04/22 Python
python+Django+apache的配置方法详解
2016/06/01 Python
django2用iframe标签完成网页内嵌播放b站视频功能
2018/06/20 Python
Selenium(Python web测试工具)基本用法详解
2018/08/10 Python
python 实现将txt文件多行合并为一行并将中间的空格去掉方法
2018/12/20 Python
python如何获取当前文件夹下所有文件名详解
2019/01/25 Python
Ubuntu+python将nii图像保存成png格式
2019/07/18 Python
Django CBV类的用法详解
2019/07/26 Python
python pandas 时间日期的处理实现
2019/07/30 Python
Python 如何创建一个线程池
2020/07/28 Python
Python configparser模块封装及构造配置文件
2020/08/07 Python
python如何实现word批量转HTML
2020/09/30 Python
文秘专业大学生求职信
2013/11/10 职场文书
建筑公司员工自我鉴定
2014/04/08 职场文书
2014年医德医风工作总结
2014/11/13 职场文书
2014年资料员工作总结
2014/11/18 职场文书
2015年挂职锻炼工作总结
2014/12/12 职场文书
教你解决往mysql数据库中存入汉字报错的方法
2021/05/06 MySQL
MySQL中order by的执行过程
2022/06/05 MySQL