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 相关文章推荐
innerHTML,outerHTML,innerTEXT三者之间的区别
Jan 28 Javascript
javascript 按键事件(兼容各浏览器)
Dec 20 Javascript
javascript 模拟坦克大战游戏(html5版)附源码下载
Apr 08 Javascript
jquery常用特效方法使用示例
Apr 25 Javascript
Extjs的FileUploadField文件上传出现了两个上传按钮
Apr 29 Javascript
node+express+jade制作简单网站指南
Nov 26 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
May 21 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
May 30 Javascript
关于JavaScript限制字数的输入框的那些事
Aug 14 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
Sep 27 Javascript
BootStrap实现文件上传并带有进度条效果
Sep 11 Javascript
vue接入腾讯防水墙代码
May 07 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
信用卡效验程序
2006/10/09 PHP
php下实现伪 url 的超简单方法[转]
2007/09/24 PHP
PHP伪静态写法附代码
2008/06/20 PHP
PHP 采集程序 常用函数
2008/12/18 PHP
PHP convert_cyr_string()函数讲解
2019/02/13 PHP
laravel框架模型中非静态方法也能静态调用的原理分析
2019/11/23 PHP
Laravel5.1 框架路由基础详解
2020/01/04 PHP
XmlUtils JS操作XML工具类
2009/10/01 Javascript
Jquery的hover方法让鼠标经过li时背景变色
2013/09/06 Javascript
Jquery响应回车键直接提交表单操作代码
2014/07/25 Javascript
分享一款基于jQuery的视频播放插件
2014/10/09 Javascript
JavaScript中的关联数组问题
2015/03/04 Javascript
微信小程序 地图map详解及简单实例
2017/01/10 Javascript
jquery实现全选、全不选以及单选功能
2017/03/23 jQuery
vue学习笔记之v-if和v-show的区别
2017/09/20 Javascript
解决vue build打包之后首页白屏的问题
2018/03/06 Javascript
el-table树形表格表单验证(列表生成序号)
2020/05/31 Javascript
[02:51]DOTA2 2015国际邀请赛中国区预选赛第一日战报
2015/05/27 DOTA
Python创建模块及模块导入的方法
2015/05/27 Python
Python 编码Basic Auth使用方法简单实例
2017/05/25 Python
django和vue实现数据交互的方法
2019/08/21 Python
pytorch数据预处理错误的解决
2020/02/20 Python
解决在keras中使用model.save()函数保存模型失败的问题
2020/05/21 Python
如何使用python的ctypes调用医保中心的dll动态库下载医保中心的账单
2020/05/24 Python
python将字典内容写入json文件的实例代码
2020/08/12 Python
应征英语教师求职信
2013/11/27 职场文书
小学生期末自我鉴定
2014/01/19 职场文书
百日安全活动总结
2014/05/04 职场文书
篮球比赛口号
2014/06/10 职场文书
优秀教师先进事迹材料
2014/12/15 职场文书
肖申克救赎观后感
2015/06/02 职场文书
红与黑读书笔记
2015/06/29 职场文书
致接力运动员加油稿
2015/07/21 职场文书
解决mysql的int型主键自增问题
2021/07/15 MySQL
口袋妖怪冰系十大最强精灵,几何雪花排第七,第六类似北极熊
2022/03/18 日漫
Nginx 常用配置
2022/05/15 Servers