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 相关文章推荐
解决FireFox下[使用event很麻烦]的问题
Nov 26 Javascript
jQuery 行级解析读取XML文件(附源码)
Oct 12 Javascript
YUI的Tab切换实现代码
Apr 11 Javascript
使用js写的一个简易的投票
Nov 27 Javascript
常规表格多表头查询示例
Feb 21 Javascript
获取阴历(农历)和当前日期的js代码
Feb 15 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
Jun 13 Javascript
微信小程序开发之入门实例教程篇
Mar 07 Javascript
JavaScript ES6中export、import与export default的用法和区别
Mar 14 Javascript
Vue使用mixin分发组件的可复用功能
Sep 01 Javascript
Javascript操作select控件代码实例
Feb 14 Javascript
解决vue刷新页面以后丢失store的数据问题
Aug 11 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利用单例模式实现日志处理类库
2014/02/10 PHP
ThinkPHP让分页保持搜索状态的方法
2014/07/02 PHP
phpmyadmin出现Cannot start session without errors问题解决方法
2014/08/14 PHP
PHP往XML中添加节点的方法
2015/03/12 PHP
php实现文章置顶功能的方法
2016/10/20 PHP
php 算法之实现相对路径的实例
2017/10/17 PHP
关于Yii中模型场景的一些简单介绍
2019/09/22 PHP
javascript 基础篇2 数据类型,语句,函数
2012/03/14 Javascript
JS中toFixed()方法引起的问题如何解决
2012/11/20 Javascript
关于jquery input textare 事件绑定及用法学习
2013/04/03 Javascript
完美解决AJAX跨域问题
2013/11/01 Javascript
jQuery插件开发的五种形态小结
2015/03/04 Javascript
详解JavaScript操作HTML DOM的基本方式
2015/10/21 Javascript
js给table赋值的实例代码
2016/10/13 Javascript
详解Js模板引擎(TrimPath)
2016/11/22 Javascript
JS实现Ajax的方法分析
2016/12/20 Javascript
基于Vue开发数字输入框组件
2017/12/19 Javascript
React 项目迁移 Webpack Babel7的实现
2018/09/12 Javascript
详解微信小程序工程化探索之webpack实战
2020/04/20 Javascript
Python3遍历目录树实现方法
2015/05/22 Python
获取python的list中含有重复值的index方法
2018/06/27 Python
Python编程图形库之Pillow使用方法讲解
2018/12/28 Python
python增加图像对比度的方法
2019/07/12 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
使用Html5实现异步上传文件,支持跨域,带有上传进度条
2016/09/17 HTML / CSS
Pam & Gela官网:美国性感前卫女装品牌
2018/07/19 全球购物
jurlique茱莉蔻英国官网:澳洲天然护肤品
2018/08/03 全球购物
保荐人的岗位职责
2013/11/19 职场文书
行政专员岗位职责
2014/01/02 职场文书
服装电子商务创业计划书
2014/01/30 职场文书
服装设计师职业生涯规划范文
2014/02/28 职场文书
授权委托书
2014/07/31 职场文书
学生检讨书
2015/01/27 职场文书
创业计划书之养殖业
2019/10/11 职场文书
启迪人心的励志语录:脾气永远不要大于本事
2020/01/02 职场文书
golang 比较浮点数的大小方式
2021/05/02 Golang