JavaScript 延时器：全面剖析 setTimeout() 和 setInterval() 的内部运作机制 (javascript)

javascript setTimeout 和setinteral的区别

setTimeout和setInterval的使用这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript。 不过两者各有各的应用场景。 方 法实际上，setTimeout和setInterval的语法相同。 它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。 不过这两个函数还是有区别的，setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只执行一次那段代码。 虽然表面上看来setTimeout只能应用在on-off方式的动作上，不过可以通过创建一个函数循环重复调用setTimeout，以实现重复的操作：

setTimeOut和setInterval工作原理

昨天看高性能javascript。 看到了关于这俩的工作原理记录一下 setTimeout与setInterval使用方法基本相同，他们接受两个参数，第一个参数是需要执行的函数，第二个参数是执行的延迟时间。 以上都是我们熟悉的内容。 setTimeout在指定的延迟时间到达后 向ui队列添加一个任务，函数会立即执行。 并不是说在指定的Time后，ui一定会立马执行，而是在Time之后添加一个任务。 通常setTimeout执行时的时间会比我们设定的Time要长。 因为这个任务会等待队列中的其他任务执行完之后再执行。 对于setInterval，和setTimeout一样，会在指定间隔时间到之后向ui队列添加任务，但是有一点。 如果队列中已经有同一个setInterval的任务存在，就不往里面添加setInterval的任务。 这也是这俩定时器的主要区别。