JavaScript实现延时功能的两种方法：忙等待与setTimeout

JavaScript延时功能概述

JavaScript语言原生并未提供sleep函数，但在实际开发中，我们偶尔需要实现延时功能。

一种常见的思路是执行一个死循环，通过消耗CPU时间来达到延时的目的。然而，这种方法存在明显的缺陷：不同计算机的CPU执行速度差异巨大，这会导致在性能较差的机器上，延时时间远超预期，造成“睡眠”时间过长的问题。

笔者在技术论坛中发现了一种更为机智的解决方案，该方法在不同机器上的执行速度表现一致。在此将这种方法与大家分享。

 
function sleep(n)
{ 
var start=new Date().getTime();
while(true) if(new Date().getTime()-start>n) break;
} 

需要注意的是，上述方法本质上仍然是通过CPU空转（忙等待）来实现延时。

基于setTimeout的异步延时方案

另一种更常用的方法是利用setTimeout()函数。

该函数的语法结构为：setTimeout(code,millisec)

具体使用范例如下：

var t=setTimeout("alert('5 seconds!')",5000)

这段代码的作用是在millisec指定的毫秒数后执行code代码。在范例中，系统会在5000毫秒后执行alert函数。这种方式同样可以达到类似sleep的延时效果，且不会阻塞主线程。