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 相关文章推荐
Web Inspector:关于在 Sublime Text 中调试Js的介绍
Apr 18 Javascript
ExtJS实现文件下载的方法实例
Nov 09 Javascript
了不起的node.js读书笔记之例程分析
Dec 22 Javascript
详解JavaScript中的every()方法
Jun 08 Javascript
代码分析jQuery四种静态方法使用
Jul 23 Javascript
简单的JS时钟实例讲解
Jan 13 Javascript
jQuery Dialog 取消右上角删除按钮事件
Sep 07 Javascript
vue.js中$watch的用法示例
Oct 04 Javascript
JavaScript实现自动切换图片代码
Oct 11 Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
Sep 18 Javascript
微信小程序提交form操作示例
Dec 30 Javascript
在vue项目中封装echarts的步骤
Dec 25 Vue.js
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 中英文混合排版中处理字符串常用的函数
2007/04/12 PHP
PHP设置进度条的方法
2015/07/08 PHP
PHP的Yii框架的基本使用示例
2015/08/21 PHP
浅析Yii2缓存的使用
2016/05/10 PHP
PHP 7.0新增加的特性介绍
2017/06/08 PHP
php实现往pdf中加数字签名操作示例【附源码下载】
2018/08/07 PHP
ThinkPHP5 框架引入 Go AOP,PHP AOP编程项目详解
2020/05/12 PHP
Jquery知识点二 jquery下对数组的操作
2011/01/15 Javascript
让checkbox不选中即将选中的checkbox不选中
2014/07/11 Javascript
JQuery显示隐藏DIV的方法及代码实例
2015/04/16 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
2016/12/08 Javascript
jQuery复合事件用法示例
2017/06/10 jQuery
Bootstrap模态框插入视频的实现代码
2017/06/25 Javascript
node.js博客项目开发手记
2018/03/16 Javascript
详解ES6 export default 和 import语句中的解构赋值
2019/05/28 Javascript
微信小程序实现横向滚动导航栏效果
2019/12/12 Javascript
JS实现进度条动态加载特效
2020/03/25 Javascript
[00:56]2014DOTA2国际邀请赛 DK、iG 赛前探访
2014/07/10 DOTA
Python数据分析之如何利用pandas查询数据示例代码
2017/09/01 Python
python的pip安装以及使用教程
2018/09/18 Python
对Python2与Python3中__bool__方法的差异详解
2018/11/01 Python
python实现批量视频分帧、保存视频帧
2019/05/31 Python
用scikit-learn和pandas学习线性回归的方法
2019/06/21 Python
Python PIL图片添加字体的例子
2019/08/22 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
基于python实现坦克大战游戏
2020/10/27 Python
python产生模拟数据faker库的使用详解
2020/11/04 Python
Python新建项目自动添加介绍和utf-8编码的方法
2020/12/26 Python
CSS实现圆形放大镜狙击镜效果 只有圆圈里的放大
2012/12/10 HTML / CSS
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
2014/10/11 HTML / CSS
程序设计HTML5 Canvas API
2013/04/08 HTML / CSS
美国著名的品牌折扣店:Burlington
2017/06/08 全球购物
Three Graces London官网:英国奢侈品牌
2021/03/18 全球购物
法英专业大学生职业生涯规划书范文
2014/09/22 职场文书
2022年四月新番
2022/03/15 日漫
“鬼灭之刃”热度不减,其成功背后的原因是什么?
2022/03/22 日漫