Saber 酱的抱枕

JavaScript里说到延迟执行，一般想到的就是定时器。而且原生的方法里除了定时器，也没什么别的办法了。

但是定时器其实是一种插入机制，只针对它内部的代码做延迟，不能延迟整体代码的执行。

如果在某个时候，我们想让后面的代码全部延迟一定时间执行，只能把后面的代码全都放进定时器（或者改一下代码，只放调用部分）。多嵌套了一层，在代码的阅读和理解上产生了负面效果，很不舒服。

想要实现类似于其他程序的sleep函数的效果，我们可以用笨办法来做一个，实现整体代码的延迟。

示例：

function sleep(milliSeconds){
    var startTime = new Date().getTime();
    while (new Date().getTime() < startTime + milliSeconds);
}
console.log("1");
sleep(1000);
console.log("2");

不过使用sleep需要小心，因为它是整体延迟，会阻塞JavaScript进程，导致页面也卡住（类似于ajax的同步模式）。

比如上例代码，延迟一秒。如果在页面加载时执行，由于这一秒里JavaScript没执行完，所以页面加载时间就会增加一秒（+1s？），同时在这1秒里无法对页面进行操作。

那如果在页面加载完成后执行呢？这也会导致页面卡住1秒，因为sleep的代码导致CPU占用非常高，页面除了循环什么都不做了，导致用户在这1秒里无法对页面进行操作。

所以这个sleep虽然在效果上是真正的sleep（参考其他编程语言），但还是需要确认使用场景才能用，不能乱用。毕竟后台sleep用户只是多等了1秒，前台sleep却会导致页面卡住，对用户操作会产生直接的影响。

JavaScript使代码延迟一段时间执行