JavaScript中模拟sleep的两种实现方式及局限性

JavaScript模拟sleep的两种实现方式

目前存在几种实现方式，但均存在不完美之处。

 
function sleep(numberMillis) {
var now = new Date();
var exitTime = now.getTime() + numberMillis;
while (true) {
now = new Date();
if (now.getTime() > exitTime)
return;
} 
} 

上述代码实际上并未真正让脚本进入睡眠状态，反而导致CPU迅速进入高负荷运行状态。在多数现代浏览器中，该时间段内页面会处于假死状态。

另一种方法是使用xhr同步请求后台程序，例如传入2000毫秒，后台程序sleep 2秒后再返回响应。这种方式也存在缺点：当大量客户端同时请求后台时，保持HTTP连接会产生巨大的开销。

此外，window对象的alert和confirm方法也可以中断后续代码的执行。