JS异步处理 setTimeout / setInterval 比较
来源:互联网 发布:ubuntu安装nodejs 编辑:程序博客网 时间:2024/06/09 19:58
一般来说JS异步处理主要有两种: setTimeout 和 setInterval
如果只需要延时执行一次XXX事件,那么一般采用setTimeout
setTimeout(function(){alert("kewen nihao!")}, 2000);
很容易明白就是延时2秒,执行方法体里面的代码。
但是如果需要根据某个条件循环执行,那么就必须使用setInterval了。
setTimeout在 for/while循环中,是不会等待延时时间的。
比如我现在这样写:
for (var int = 0; int < 10; int++) {setTimeout(function(){alert("kewen nihao!")}, 2000);}
按照正常理解,那肯定是等2秒,弹一次框。 实际则不然,for循环会执行完所有的循环体,然后2秒后一下子弹出10次弹框。这表示循环体内不会等待setTimeout的延时。
这个时候我们就要采用setInterval来实现每次循环延时2秒执行的需要:
var intervalId = setInterval(function(){times += 1;alert("kewen nihao!");if (times == 10) {clearInterval(intervalId);}},5000); }这个时候就会按照我们之前设想的,每隔5秒钟执行一次方法体,直到循环10次结束。clearInterval(intervalId) 用于终止此次循环。 setInterval会有一个id的返回值,用于clearInterval时使用。
0 0
- JS异步处理 setTimeout / setInterval 比较
- js异步处理工作机制(setTimeout, setInterval)
- JavaScript异步函数处理工作机制(setTimeout, setInterval)
- setTimeout()和setInterval()看js的异步执行方法
- 关于js setInterval setTimeout
- js中setTimeout、setInterval
- js setTimeout and setInterval
- js setTimeout 和 setInterval
- js setTimeout和setInterval
- js setInterval 与 setTimeout
- js 多线程 setTimeout setInterval
- js setInterval 与 setTimeout
- JS setTimeout和setInterval
- js setTimeout 和 setInterval
- setTimeout与setInterval性能比较
- js setInterval setTimeout 方法区别
- js中SetInterval与setTimeout
- js中的setTimeout和setInterval
- 数据结构基础(18) --哈希表的设计与实现
- presto 文档
- HDU 2680 Choose the best route
- ZOJ - 3279 Ants
- 机器学习大牛主页,这个分类比较杂
- JS异步处理 setTimeout / setInterval 比较
- print的用法
- Java:String、StringBuffer和StringBuilder的区别
- 透视函数glFrustum(), gluPerspective()函数用法和glOrtho()函数用法.
- View代码设置drawableLeft,drawableRight,drawableTop,drawableBottom
- 成员变量、局部变量、实例变量、类变量
- Redis常用命令
- MFC调用WPF函数
- HTTP Basic Authentication in JMeter