jQuery及JS实现循环中暂停的方法教程
程序员文章站
2023-11-02 23:48:04
本文实例讲述了jquery及js实现循环中暂停的方法。分享给大家供大家参考。具体分析如下:
问题:
jquery对数组进行循环,如果要求每次循环的时候暂停2秒钟,在使用jque...
本文实例讲述了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>
推荐阅读
-
JS开发JQUERY实现滚动条自动滚到底的方法教程
-
jQuery及JS实现循环中暂停的方法教程
-
原生js实现复制对象、扩展对象 类似jquery中的extend()方法教程
-
JS/jQuery实现获取时间的方法及常用类完整示例
-
模拟jQuery中的ready方法及实现按需加载css,js实例代码
-
jQuery及JS实现循环中暂停的方法教程
-
js实现jquery的offset()方法实例教程
-
原生js实现复制对象、扩展对象 类似jquery中的extend()方法教程
-
JS开发JQUERY实现滚动条自动滚到底的方法教程
-
模拟jQuery中的ready方法及实现按需加载css,js实例代码_jquery