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 相关文章推荐
超强的IE背景图片闪烁(抖动)的解决办法
Sep 09 Javascript
jQuery Div中加载其他页面的实现代码
Feb 27 Javascript
使用jquery实现图文切换效果另加特效
Jan 20 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
Aug 22 Javascript
jQuery 实现侧边浮动导航菜单效果
Dec 26 Javascript
Javascript基础教程之if条件语句
Jan 18 Javascript
jQuery实现美观的多级动画效果菜单代码
Sep 06 Javascript
AngularJS基础 ng-keydown 指令简单示例
Aug 02 Javascript
Vue 2.0中生命周期与钩子函数的一些理解
May 09 Javascript
使用layui前端框架弹出form表单以及提交的示例
Oct 25 Javascript
JS实现纸牌发牌动画
Jan 19 Javascript
Vite + React从零开始搭建一个开源组件库
Jun 25 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 5.0对象模型深度探索之属性和方法
2008/03/27 PHP
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
php数组删除元素示例
2014/03/21 PHP
php时间戳转换的示例
2014/03/31 PHP
CI框架验证码CAPTCHA辅助函数用法实例
2014/11/05 PHP
PHP正则表达式之捕获组与非捕获组
2015/11/06 PHP
PHP实现活动人选抽奖功能
2017/04/19 PHP
PHP简单实现防止SQL注入的方法
2018/03/13 PHP
如何通过Apache在本地配置多个虚拟主机
2020/07/29 PHP
ThinkPHP 5 AJAX跨域请求头设置实现过程解析
2020/10/28 PHP
Hutia 的 JS 代码集
2006/10/24 Javascript
开发跨浏览器javascript常见注意事项
2009/01/01 Javascript
Input 特殊事件onpopertychange和oninput
2009/06/17 Javascript
JS Ajax请求如何防止重复提交
2016/06/13 Javascript
JQuery PHP图片在线裁剪实例
2020/07/27 Javascript
JavaScript实现二分查找实例代码
2017/02/22 Javascript
Angular2搜索和重置按钮过场动画
2017/05/24 Javascript
vue.js使用v-model指令实现的数据双向绑定功能示例
2018/05/22 Javascript
vue element 关闭当前tab 跳转到上一路由操作
2020/07/22 Javascript
利用python发送和接收邮件
2016/09/27 Python
python操作mysql数据库
2017/03/05 Python
python字典DICT类型合并详解
2017/08/17 Python
python互斥锁、加锁、同步机制、异步通信知识总结
2018/02/11 Python
Python图像处理之颜色的定义与使用分析
2019/01/03 Python
python对常见数据类型的遍历解析
2019/08/27 Python
Python爬虫requests库多种用法实例
2020/05/28 Python
Python Flask框架实现简单加法工具过程解析
2020/06/03 Python
浅谈优化Django ORM中的性能问题
2020/07/09 Python
使用canvas绘制贝塞尔曲线
2014/12/17 HTML / CSS
阿迪达斯英国官方网站:adidas英国
2019/08/13 全球购物
本科生详细的自我评价
2013/09/19 职场文书
出口公司经理求职简历中的自我评价
2013/10/13 职场文书
社区领导班子四风问题原因分析及整改措施
2014/09/28 职场文书
副乡长民主生活会个人对照检查材料思想汇报
2014/10/01 职场文书
营销计划书范文
2015/01/17 职场文书
幼儿园安全教育月活动总结
2015/05/08 职场文书