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 相关文章推荐
浏览器图片选择预览、旋转、批量上传的JS代码实现
Dec 04 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Jun 05 Javascript
2则自己编写的jQuery特效分享
Feb 26 Javascript
javascript实现超炫的向上滑行菜单实例
Aug 03 Javascript
Angular 4依赖注入学习教程之ValueProvider的使用(七)
Jun 04 Javascript
JavaScript中错误正确处理方式小结你用对了吗
Oct 10 Javascript
完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题
Jan 25 Javascript
动态加载JavaScript文件的3种方式
May 05 Javascript
VUE写一个简单的表格实例
Aug 06 Javascript
layui弹出框Tab选项卡的示例代码
Sep 04 Javascript
layui layer select 选择被遮挡的解决方法
Sep 21 Javascript
javascript 数组精简技巧小结
Feb 26 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验证是否是md5编码的简单代码
2014/04/01 PHP
PHP实现下载断点续传的方法
2014/11/12 PHP
PHP遍历目录函数opendir()、readdir()、closedir()、rewinddir()总结
2014/11/18 PHP
javascript五图轮播切换实用版
2012/08/17 Javascript
js中的异常处理try...catch使用介绍
2013/09/21 Javascript
JS网页图片按比例自适应缩放实现方法
2014/01/15 Javascript
jquery的ajax异步请求接收返回json数据实例
2014/06/16 Javascript
javascript+canvas制作九宫格小程序
2014/12/28 Javascript
jQuery实现页面滚动时动态加载内容的方法
2015/03/20 Javascript
jquery 表单验证之通过 class验证表单不为空
2015/11/02 Javascript
jQuery表格插件datatables用法详解
2020/11/23 Javascript
Bootstrap每天必学之日期控制
2016/03/07 Javascript
JavaScript多态与封装实例分析
2018/07/27 Javascript
layui点击按钮添加可编辑的一行方法
2018/08/15 Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
2018/09/27 Javascript
详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs
2019/04/29 NodeJs
Vue实现数据表格合并列rowspan效果
2020/11/30 Javascript
VueJS 取得 URL 参数值的方法
2019/07/19 Javascript
微信小程序实现二维码签到考勤系统
2020/01/16 Javascript
python用来获得图片exif信息的库实例分析
2015/03/16 Python
Django中URL视图函数的一些高级概念介绍
2015/07/20 Python
python扫描proxy并获取可用代理ip的实例
2017/08/07 Python
Django 实现购物车功能的示例代码
2018/10/08 Python
在Python运行时动态查看进程内部信息的方法
2019/02/22 Python
python如何爬取网站数据并进行数据可视化
2019/07/08 Python
对Pytorch中nn.ModuleList 和 nn.Sequential详解
2019/08/18 Python
HTML5自定义视频播放器源码
2020/01/06 HTML / CSS
德国原装品牌香水、化妆品和手表网站:BRASTY.DE
2016/10/16 全球购物
Herschel Supply Co.美国:背包、手提袋及配件
2020/11/24 全球购物
音乐学个人的自荐书范文
2013/11/26 职场文书
旅游网创业计划书
2014/01/31 职场文书
幼儿园毕业教师感言
2014/02/21 职场文书
导游欢迎词范文
2015/01/23 职场文书
八年级数学教学反思
2016/02/17 职场文书
导游词之太湖
2019/10/08 职场文书
MySQL 分区表中分区键为什么必须是主键的一部分
2022/03/17 MySQL