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 dom 基本操作小结
Apr 11 Javascript
Jquery AJAX 用于计算点击率(统计)
Jun 30 Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
Dec 27 Javascript
移动端 一个简单易懂的弹出框
Jul 06 Javascript
使用jquery.qrcode.js生成二维码插件
Oct 17 Javascript
JS日程管理插件FullCalendar中文说明文档
Feb 06 Javascript
JS获得一个对象的所有属性和方法实例
Feb 21 Javascript
详解如何使用webpack打包Vue工程
May 27 Javascript
浅谈JS封闭函数、闭包、内置对象
Jul 18 Javascript
Node.js 使用jade模板引擎的示例
May 11 Javascript
详解element-ui中表单验证的三种方式
Sep 18 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
Nov 17 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获取网页标题和内容函数(不包含html标签)
2014/02/03 PHP
自编函数解决pathinfo()函数处理中文问题
2014/11/03 PHP
PHP生成图片验证码功能示例
2017/01/12 PHP
阿里云的WindowsServer2016上部署php+apache
2018/07/17 PHP
apache集成php7.3.5的详细步骤
2019/06/20 PHP
js弹出的对话窗口永远保持居中显示
2012/12/15 Javascript
2014 年最热门的21款JavaScript框架推荐
2014/12/25 Javascript
Jquery 实现grid绑定模板
2015/01/28 Javascript
JavaScript控制网页平滑滚动到指定元素位置的方法
2015/04/17 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
2015/05/09 Javascript
jQuery的end()方法使用详解
2015/07/15 Javascript
jquery单击事件和双击事件冲突解决方案
2016/03/02 Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
2016/08/19 Javascript
前端框架学习总结之Angular、React与Vue的比较详解
2017/03/14 Javascript
详解基于Vue cli生成的Vue项目的webpack4升级
2018/06/19 Javascript
vue基于element的区间选择组件
2018/09/07 Javascript
小程序如何写动态标签的实现方法
2020/02/05 Javascript
python下如何让web元素的生成更简单的分析
2008/07/17 Python
Python时区设置方法与pytz查询时区教程
2013/11/27 Python
python实现堆栈与队列的方法
2015/01/15 Python
Python自动化测试Eclipse+Pydev 搭建开发环境
2016/08/15 Python
python3.x上post发送json数据
2018/03/04 Python
详解python编译器和解释器的区别
2019/06/24 Python
Python+opencv 实现图片文字的分割的方法示例
2019/07/04 Python
13个Pandas实用技巧,助你提高开发效率
2020/08/19 Python
python上下文管理的使用场景实例讲解
2021/03/03 Python
欧铁通票官方在线销售网站:Eurail.com
2017/10/14 全球购物
数控技术应届生求职信
2013/11/13 职场文书
亲子拓展活动方案
2014/02/20 职场文书
人事专员的职责
2014/02/26 职场文书
2014年元旦感言
2014/03/06 职场文书
法院信息化建设方案
2014/05/21 职场文书
合同和协议有什么区别?
2014/10/08 职场文书
党的群众路线教育实践活动总结
2014/10/30 职场文书
golang实现一个简单的websocket聊天室功能
2021/10/05 Golang
nginx实现多geoserver服务的负载均衡
2022/05/15 Servers