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语法着色引擎(demo及打包文件下载)
Jun 13 Javascript
读jQuery之四(优雅的迭代)
Jun 20 Javascript
javascript权威指南 学习笔记之null和undefined
Sep 25 Javascript
Firefox中使用outerHTML的2种解决方法
Jun 07 Javascript
JavaScript实现九九乘法表的简单实例
Jun 07 Javascript
jQuery 3.0十大新特性
Jul 06 Javascript
手机端点击图片放大特效PhotoSwipe.js插件实现
Aug 24 Javascript
一个例子轻松学会Vue.js
Jan 02 Javascript
vue实现todolist单页面应用
Apr 11 Javascript
javascript 中模板方法单例的实现方法
Oct 17 Javascript
vue的过滤器filter实例详解
Sep 17 Javascript
Ajax获取node服务器数据的完整步骤
Sep 20 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引用(&amp;)
2014/09/04 PHP
php实现中文转数字
2016/02/18 PHP
PHP的Yii框架中移除组件所绑定的行为的方法
2016/03/18 PHP
PHP如何搭建百度Ueditor富文本编辑器
2018/09/21 PHP
事件绑定之小测试  onclick &amp;&amp; addEventListener
2011/07/31 Javascript
关于jQuery参考实例 1.0 jQuery的哲学
2013/04/07 Javascript
js加载读取内容及显示与隐藏div示例
2014/02/13 Javascript
Windows8下搭建Node.js开发环境教程
2014/09/03 Javascript
Javascript中设置默认参数值示例
2014/09/11 Javascript
JavaScript的原型继承详解
2015/02/15 Javascript
JS实现仿苹果底部任务栏菜单效果代码
2015/08/28 Javascript
jQuery Validate 校验多个相同name的方法
2017/05/18 jQuery
详解ES6通过WeakMap解决内存泄漏问题
2018/03/09 Javascript
vue项目首屏加载时间优化实战
2019/04/23 Javascript
小程序实现搜索框功能
2020/03/26 Javascript
Vue 监听元素前后变化值实例
2020/07/29 Javascript
[02:49]DAC2018决赛日TOP5 LGD开启黑暗之门绝杀VP
2018/04/08 DOTA
Tensorflow 利用tf.contrib.learn建立输入函数的方法
2018/02/08 Python
Python3多目标赋值及共享引用注意事项
2019/05/27 Python
OpenCV3.0+Python3.6实现特定颜色的物体追踪
2019/07/23 Python
Django文件存储 自己定制存储系统解析
2019/08/02 Python
Keras 在fit_generator训练方式中加入图像random_crop操作
2020/07/03 Python
python进度条显示之tqmd模块
2020/08/22 Python
HTML5 input placeholder 颜色修改示例
2014/05/30 HTML / CSS
canvas画图被放大且模糊的解决方法
2020/08/11 HTML / CSS
Original Penguin美国官网:布拉德皮特、强尼德普喜爱的服装品牌
2016/10/25 全球购物
英国游戏机和游戏购物网站:365games.co.uk
2018/06/18 全球购物
英国电子产品购物网站:TobyDeals
2018/07/30 全球购物
C#面试常见问题
2013/02/25 面试题
团员学习总结的自我评价范文
2013/10/14 职场文书
教师个人剖析材料
2014/02/05 职场文书
关于奉献的演讲稿
2014/05/21 职场文书
幼儿教师小班个人总结
2015/02/05 职场文书
自我推荐信怎么写
2015/03/24 职场文书
离职信范文
2015/06/23 职场文书
CSS中Single Div 绘图技巧的实现
2021/06/18 HTML / CSS