解读javascript的计时器

说明：这篇文章节选自John Resig
的《Secrets of the JavaScript Ninja》一书，本人翻译只是供大家学习，翻译不足之处，请斧正。
这篇文章主要从下面几个方面解读计时器：
计时器概述；
计时器速度深度探析；
用计时器处理大量任务；
利用计时器管理动画；
较好的计时器测试
计时器是一个我们了解很少且经常被滥用的东西，它是javascript的特色。实际上，在复杂的应用程序开发中，它能为我们提供很多帮助。计时器
提供了一个可以将代码片段异步延时执行的能力，javascript生来是单线程的（在一定时间范围内仅一部分js代码能运行），计时器为我们提供了一种
避开这种限制的方法，从而开辟了另一条执行代码的蹊径。
有趣的是，与我们普遍接受的观点相反，计时器并不是javascript语言的一部分，而是浏览器引入的方法和对象的一部分。这意味着如果你选择在一个非浏览器的环境运行它，很有可能计时器不存在，你必须使用特定功能推行你自己的版本（如Rhino线程）。
1、计时器是如何工作的
从根本上来说，理解计时器如何工作很重要。通常情况下，计时器的行为并不直观，因为它在一个单独的线程中，让我们从三个函数的测试开始，对于每一个函数我们都有机会构建和控制计时器。
var id = setTimeout(fn,delay)；启动一个计时器，它将在延迟时间之后调用特定的函数，该函数返回一个唯一的ID，利用这个ID计时器在稍后的时间里被取消；
var id = setInterval(fn,delay)；与setTimeout相似，但它不断的调用函数（每隔一定延迟时间）直到它被取消；
clearInterval(id)，clearTimeout(id)；接受计时器的 ID（由上述任意一个函数返回）并停止调用计时器。
为了理解计时器内部是如何工作的，有一个很重要的概念需要加以探讨：延迟是无法保证的。既然浏览器中所有javascript 是在一个单线程中运行的，那么异步事件（如鼠标点击、计时器）在执行中也只有存在开放状态时才运行，下面这张图很好的说明了这个问题：
这张图有很多信息需要消化，充分理解它将使你对异步js执行有一个更好的认识，图表是一维的，在垂直方向上是时间（挂钟），以毫秒为单位。蓝色盒子代表js执行的比例。例如，第一个javascript块运行时间大约为18秒，鼠标点击大约为11秒等等。
既然javascript在一定时间内之执行一部分代码（源于单线程的特性），那么这些代码块的每一个就被封锁在其它异步事件执行的进程中。这表明
当一个异步事件发生时（如鼠标点击、计时器释放、XM