jQuery及JS实现循环中暂停的方法
2015-02-02 00:00
537 查看
本文实例讲述了jQuery及JS实现循环中暂停的方法。分享给大家供大家参考。具体分析如下:
问题:
jquery对数组进行循环,如果要求每次循环的时候暂停2秒钟,在使用jQuery的.earch循环的时候,无论怎么设置,都不会暂停。
setTimeout也只是在第一次执行的时候暂停。
原因猜测:
js开始执行多线程?
改进:
改为setInterval来控制循环,达到数组最大值的时候,clearInterval取消循环。
以下是jQuery代码:
以下是Javascript代码:
希望本文所述对大家的javascript程序设计有所帮助。
问题:
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程序设计有所帮助。
相关文章推荐
- jQuery及JS实现循环中暂停的方法
- jquery方法+js一般方法+js面向对象方法实现拖拽效果
- 博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
- Jquery 模板插件 jquery.tmpl.js 的使用方法(1):基本语法,绑定,each循环,ajax获取json数据
- jQuery中的ready方法及实现按需加载css,js
- 原生js实现复制对象、扩展对象 类似jquery中的extend()方法
- 关于JS控制代码暂停的实现方法分享
- jquery和js实现对div的隐藏和显示方法
- Jquery与JS两种方法仿twitter/新浪微博 高度自适应无缝滚动实现代码
- Jquery 模板插件 jquery.tmpl.js 的使用方法(2):嵌套each循环,temp调用(使用预编译的模板缓存)
- jquery 实现Ajax,JS 循环遍历JSON数据
- JS原生方法实现jQuery的ready()
- 原生js实现jquery的getJSON方法
- js与jquery获取父级元素,子级元素,兄弟元素的实现方法
- Jquery与JS两种方法仿twitter/新浪微博 高度自适应无缝滚动实现代码
- 博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
- JS中利用jquery 获得class 进行判断 for循环和each两种方法
- jquery实现循环中的暂停
- js,jquery的一个简单按时间循环调用方法
- js与jquery获取父级元素,子级元素,兄弟元素的实现方法