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 相关文章推荐
Add a Table to a Word Document
Jun 15 Javascript
用js实现的检测浏览器和系统的函数
Apr 09 Javascript
jquery实现商品拖动选择效果代码(自写)
May 28 Javascript
Event altKey,ctrlKey,shiftKey属性解析
Dec 18 Javascript
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
Mar 09 Javascript
微信小程序前端源码逻辑和工作流
Sep 25 Javascript
JavaScript仿微博输入框效果(案例分析)
Dec 06 Javascript
史上最全JavaScript常用的简写技巧(推荐)
Aug 17 Javascript
微信小程序中上传图片并进行压缩的实现代码
Aug 28 Javascript
Vue下拉框回显并默认选中随机问题
Sep 06 Javascript
javaScript实现游戏倒计时功能
Nov 17 Javascript
JS造成内存泄漏的几种情况实例分析
Mar 02 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 Smarty初体验二 获取配置信息
2011/08/08 PHP
javascript实现 在光标处插入指定内容
2007/05/25 Javascript
Open and Print a Word Document
2007/06/15 Javascript
Javascript实现返回上一页面并刷新的小例子
2013/12/11 Javascript
javasctipt如何显示几分钟前、几天前等
2014/04/30 Javascript
浅谈Sticky组件的改进实现
2016/03/22 Javascript
js实现文字选中分享功能
2017/01/25 Javascript
js 性能优化之算法和流程控制
2017/02/15 Javascript
jquery实现左右滑动式轮播图
2017/03/02 Javascript
利用Jasmine对Angular进行单元测试的方法详解
2017/06/12 Javascript
浅谈vue-lazyload实现的详细过程
2017/08/22 Javascript
AngularJS下$http服务Post方法传递json参数的实例
2018/03/29 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
2018/09/13 Javascript
使用Javascript简单计算器
2018/11/17 Javascript
nuxt.js中间件实现拦截权限判断的方法
2018/11/21 Javascript
[03:11]DOTA2上海特锦赛小组赛第一日recap精彩回顾
2016/02/28 DOTA
python元组操作实例解析
2014/09/23 Python
浅谈对yield的初步理解
2017/05/29 Python
Python之NumPy(axis=0 与axis=1)区分详解
2019/05/27 Python
详解解决Python memory error的问题(四种解决方案)
2019/08/08 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
pytorch读取图像数据转成opencv格式实例
2020/06/02 Python
2021年值得向Python开发者推荐的VS Code扩展插件
2021/01/25 Python
夏威夷灵感服装及配饰:Reyn Spooner
2018/09/18 全球购物
英国男女豪华配饰和礼品网站:Black.co.uk
2020/02/28 全球购物
财务会计实习报告体会
2013/12/20 职场文书
个人党性剖析材料
2014/02/03 职场文书
进口业务员岗位职责
2014/04/06 职场文书
廉洁自律演讲稿
2014/05/22 职场文书
社团活动总结怎么写
2014/06/30 职场文书
公司介绍信范文
2015/01/31 职场文书
法定代表人资格证明书
2015/06/18 职场文书
小学班长竞选稿
2015/11/20 职场文书
导游词之秦皇岛燕塞湖
2020/01/03 职场文书
nginx 多个location转发任意请求或访问静态资源文件的实现
2021/03/31 Servers
iPhone13将有八大升级
2021/04/15 数码科技