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 相关文章推荐
event.keyCode键码值表 附只能输入特定的字符串代码
May 15 Javascript
javascript globalStorage类代码
Jun 04 Javascript
html 锁定页面(js遮罩层弹出div效果)
Oct 27 Javascript
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
Aug 14 Javascript
jquery实现的省市区三级联动
Apr 02 Javascript
JavaScript数据类型判定的总结笔记
Jul 31 Javascript
学习使用AngularJS文件上传控件
Feb 16 Javascript
vue-router中的hash和history两种模式的区别
Jul 17 Javascript
Bootstrap Fileinput 4.4.7文件上传实例详解
Jul 25 Javascript
Javascript之高级数组API的使用实例
Mar 08 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
Sep 06 Javascript
小程序实现点击tab切换左右滑动
Nov 16 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
JS实现php的伪分页
2008/05/25 PHP
PHP中的MYSQL常用函数(php下操作数据库必备)
2010/09/12 PHP
zf框架的db类select查询器join链表使用示例(zend框架)
2014/03/14 PHP
PHP实现操作redis的封装类完整实例
2015/11/14 PHP
2017年最好用的9个php开发工具推荐(超好用)
2017/10/23 PHP
PHP校验15位和18位身份证号的类封装
2018/11/07 PHP
Javascript 的addEventListener()及attachEvent()区别分析
2009/05/21 Javascript
JQuery Tab选项卡效果代码改进版
2010/04/01 Javascript
JavaScript高级程序设计 XML、Ajax 学习笔记
2011/09/10 Javascript
jquery 插件学习(一)
2012/08/06 Javascript
jquery.ajax的url中传递中文乱码问题的解决方法
2014/02/07 Javascript
使用jQuery简单实现模拟浏览器搜索功能
2014/12/21 Javascript
浅谈js中的引用和复制(传值和传址)
2016/09/18 Javascript
js实现返回顶部效果
2017/03/10 Javascript
jQuery实现百度登录框的动态切换效果
2017/04/21 jQuery
JavaScript数组_动力节点Java学院整理
2017/06/26 Javascript
jQuery实现动态显示select下拉列表数据的方法
2018/02/05 jQuery
ES6学习笔记之map、set与数组、对象的对比
2018/03/01 Javascript
Vue 中 a标签上href无法跳转的解决方式
2019/11/12 Javascript
JS 数组基本用法入门示例解析
2020/01/16 Javascript
如何解决vue在ios微信&quot;复制链接&quot;功能问题
2020/03/26 Javascript
js实现省级联动(数据结构优化)
2020/07/17 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
2020/11/05 Javascript
深入理解Django的自定义过滤器
2017/10/17 Python
python实现linux下抓包并存库功能
2018/07/18 Python
解决python2 绘图title,xlabel,ylabel出现中文乱码的问题
2019/01/29 Python
python实现批量视频分帧、保存视频帧
2019/05/31 Python
Python对象的属性访问过程详解
2020/03/05 Python
python有几个版本
2020/06/17 Python
python3将变量输入的简单实例
2020/08/19 Python
生产文员岗位职责
2014/04/05 职场文书
音乐教师个人工作总结
2015/02/06 职场文书
秋收起义观后感
2015/06/11 职场文书
CSS3鼠标悬浮过渡缩放效果
2021/04/17 HTML / CSS
Go 自定义package包设置与导入操作
2021/05/06 Golang
Python实现将多张图片合成MP4视频并加入背景音乐
2022/04/28 Python