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 相关文章推荐
document对象execCommand的command参数介绍
Aug 01 Javascript
javascript之卸载鼠标事件的代码
May 14 Javascript
validator验证控件使用代码
Nov 23 Javascript
JavaScript加强之自定义callback示例
Sep 21 Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
Feb 28 Javascript
JavaScript实现图片DIV竖向滑动的方法
Apr 25 Javascript
javascript中json基础知识详解
Jan 19 Javascript
微信小程序 图片加载(本地,网路)实例详解
Mar 10 Javascript
Vue插件从封装到发布的完整步骤记录
Feb 28 Javascript
小程序实现投票进度条
Nov 20 Javascript
js实现简单的日历显示效果函数示例
Nov 25 Javascript
webpack的移动端适配方案小结
Jul 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
不用数据库的多用户文件自由上传投票系统(3)
2006/10/09 PHP
PHP学习之数组值的操作
2011/04/17 PHP
php学习笔记(三)操作符与控制结构
2011/08/06 PHP
PHP时间日期增减操作示例【date strtotime实现加一天、加一月等操作】
2018/12/21 PHP
PHP日期和时间函数的使用示例详解
2020/08/06 PHP
一个JavaScript继承的实现
2006/10/24 Javascript
javascript 在firebug调试时用console.log的方法
2012/05/10 Javascript
JQuery中serialize()、serializeArray()和param()方法示例介绍
2014/07/31 Javascript
node.js中的fs.chmod方法使用说明
2014/12/18 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
2015/11/07 Javascript
Angularjs中UI Router的使用方法
2016/05/14 Javascript
WEB前端实现裁剪上传图片功能
2016/10/17 Javascript
微信小程序 less文件编译成wxss文件实现办法
2016/12/05 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
2016/12/13 Javascript
微信小程序实现动态设置页面标题的方法【附源码下载】
2017/11/29 Javascript
angularjs实现柱状图动态加载的示例
2017/12/11 Javascript
ES6中定义类和对象的方法示例
2019/07/31 Javascript
Vue基于localStorage存储信息代码实例
2020/11/16 Javascript
js回到页面指定位置的三种方式
2020/12/17 Javascript
[01:03:13]VG vs Pain 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python实例分享:快速查找出被挂马的文件
2014/06/08 Python
【Python】Python的urllib模块、urllib2模块批量进行网页下载文件
2016/11/19 Python
python如何为被装饰的函数保留元数据
2018/03/21 Python
Python连接Mssql基础教程之Python库pymssql
2018/09/16 Python
解决python便携版无法直接运行py文件的问题
2020/09/01 Python
HTML5 CSS3给网站设计带来出色效果
2009/07/16 HTML / CSS
谈一谈HTML5本地存储技术
2016/03/02 HTML / CSS
美国半成品食材配送服务商:Home Chef
2018/01/25 全球购物
外语系毕业生找工作的求职信
2013/11/28 职场文书
2014年党委工作总结
2014/11/22 职场文书
2015年国庆晚会主持词
2015/07/01 职场文书
干货干货!2019最新优秀创业计划书
2019/03/21 职场文书
JVM上高性能数据格式库包Apache Arrow入门和架构详解(Gkatziouras)
2021/05/26 Servers
在Python中如何使用yield
2021/06/07 Python
Mysql数据库值的添加、修改、删除及清空操作实例
2021/06/20 MySQL
python文件与路径操作神器 pathlib
2022/04/01 Python