经常看到setTimeout延时0ms的javascript代码，感到很迷惑，难道延时0ms和不延时不是一个道理吗？后来通过查资料以及实验得出以下两个作用，可能还有作用我还不知道，希望得知的朋友在后面评论上不吝指出。
1、实现javascript的异步；
正常情况下javascript都是按照顺序执行的。但是我们可能让该语句后面的语句执行完再执行本身，这时就可以用到setTimeout延时0ms来实现了。
如：
alert(1);
setTimeout("alert(2)", 0);
alert(3);
虽然延时了0ms,但是执行顺序为：1，3，2
这样就保证setTimeout里面的语句在某一代码段中最后执行。
2、在事件中，setTimeout 会在其完成当前任何延宕事件的事件处理器的执行，以及完成文档当前状态更新后，告诉浏览器去启用 setTimeout 内注册的函数。；
举个例子来说这句话的意思，假如当某个事件在页面上建立一个文本框，并给文本框赋值（完成文档当前状态更新），然后将焦点定到文本框，并且选中文本框的内容（后面部分就需要用到setTimeout 延迟0ms实现，否则不好实现）。
先看个例子：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">2
<html>3
<head>4
<title>setTimeout</title>5
<script type="text/javascript" >6
(function(){7
8
function get(id){9
return document.getElementById(id);10
}11
12
window.onload = function(){13
get('makeinput').onmousedown = function(){14
var input = document.createElement('input');15
input.setAttribute('type', 'text');16
input.setAttribute('value', 'test1');17
get('inpwrapper').appendChild(input);18
input.focus();19
input.select();20
}21
get('makeinput2').onmousedown = function(){22
var input = document.createElement('input');23
input.setAttribute('type', 'text');24
input.setAttribute('value', 'test1');25
get('inpwrapper2').appendChild(input);26
setTimeout(function(){27
input.focus();28
input.select();29
}, 0);30
}31
get('input1').onkeypress = function(){32
get('preview1').innerHTML = this.value;33
}34
get('input2').onkeypress = function(){35
setTimeout(function(){36
get('preview2').innerHTML = get('input2').value;37
},0 );38
}39
}40
})();41
</script>42
</head>43
<body>44
<h1><code>DEMO1</code></h1>45
<h2>1、未使用 <code>setTimeout</code>（未选中文本框内容）</h2>46
<button id="makeinput">生成 input</button>47
<p id="inpwrapper"></p>48
<h2>2、使用 <code>setTimeout</code>（立即选中文本框内容）</h2>49
<button id="makeinput2">生成 input</button></h2>50
<p id="inpwrapper2"></p>51
52
--------------------------------------------------------------------------53
<h1><code>DEMO2</code></h1>54
<h2>1、未使用 <code>setTimeout</code>(只有输入第二个字符时，前一个字符才显示出来)</h2>55
<input type="text" id="input1" value=""/><div id="preview1"></div>56
<h2>2、使用 <code>setTimeout</code>(输入时，字符同时显示出来)</h2>57
<input type="text" id="input2" value=""/><div id="preview2"></div>58
</body>59
</html>60
61
运行示例
现有的 JavaScript 引擎是单线程处理任务的。它把任务放到队列中，不会同步去执行，必须在完成一个任务后才开始另外一个任务。其实，这是一个把需要执行的任务从队列中跳脱的技巧。在DEMO1中，JavaScript 引擎在执行 onmousedown时，由于没有多线程的同步执行，不可能同时去处理刚创建元素的 focus 和 select 方法，由于这两个方法都不在队列中，在完成 onmousedown 后，JavaScript 引擎已经丢弃了这两个任务，正如第一种情况。而在第二种情况中，由于setTimeout可以把任务从某个队列中跳脱成为新队列，因而能够得到期望的结果。
相关推荐
所以，通过设置任务在延迟0毫秒后执行，就能改变任务执行的先后顺序，延迟该任务发生，改变它所调用的函数的优先级，使之异步执行。 例： 1. 下面这段代码，是不会实时获取到输入框里面的内容的。
Javascript的setTimeOut和setInterval函数应用非常广泛，它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...
2.setTimeout setTimeout()在js类中的使用方法 setTimeout (表达式,延时时间) setTimeout(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s)setTimeout 在执行时,是在载入后延迟指定时间后,去执行一
在制作网页动态效果时，可能会遇到需要延时在执行的需求，这时就可以用到 js 中定时器来实现此类需求，本文将对setTimeout()做一个用法总结。 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式(以毫秒为...
其语法是： window.setTimeout(expr,msec) expr是执行字符串，在msec毫秒之后，就会作为js运行。我昨天才发现，原来expr也可以是一个函数，呵呵，用这个特性，就可以进行对象的传送了。 下面的代码实现了把函数foo1...
定义setTimeout()和setInterval()经常被用来处理延时和定时任务。setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔指定的毫秒数循环调用函数或表达式，直到clearInterval把...
// 每隔指定毫秒数，调用一次回调函数 // clearInterval(计时器ID号) // 停止指定ID号的计时器(实际上是销毁释放资源了) //–延时器 // 延时器Id号 setTimeout(回调函数, 毫秒间隔) // 从调用开始，等待指定毫秒数...
3）window.setTimeout(函数名称，时间)//延时定时器，执行一次 4）window.clearTimeout(定时器的返回值)；停止定时器 2：document.getElementById() 功能：获取特定ID元素的节点 参数：ID的属性名 返回值：dom...
//设置延时多少毫秒执行该函数，只执行一次，返回值是一个id setInterval(function,delay);//设置间隔多少毫米一直执行该函数，执行多次，返回值是一个id 两者的区别就在于setTimeout方式只执行一次，而setInterval...
今天帮同事解决了用jQuery获得动态的手机屏幕宽高的问题。 问题的起因是，当同事用了一个需要全屏滚动的图片控件时，需要获得屏幕...做了延时500毫秒，结果就正常了。 所以当朋友们无法获得屏幕宽高时，不妨用这个试试
setTimeout( javascript语句 , 毫秒); （其中第一个值可以是一个函数 需要加” “，也可以是代码） //延迟一段时间 执行 执行一次 setInterval(“javascript语句” , 毫秒); （其中第一个值可以是一个函数 ...
通过一番研究后，终于利用JS中“setTimeout”延时执行方法的办法，将单击延迟300毫秒执行才解决了，代码如下： 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
// 创建一个task，非阻塞，且延时300毫秒执行 Task task2 = new Task("task2", false, 300) { @Override protected void start() { doSomeThing(); } }; // 类似地，创建更多task，如...