定義
setTimeout()和setInterval()經(jīng)常被用來處理延時(shí)和定時(shí)任務(wù)。setTimeout() 方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式,而setInterval()則可以在每隔指定的毫秒數(shù)循環(huán)調(diào)用函數(shù)或表達(dá)式，直到clearInterval把它清除。
從定義上我們可以看到兩個(gè)函數(shù)十分類似，只不過前者執(zhí)行一次，而后者可以執(zhí)行多次，兩個(gè)函數(shù)的參數(shù)也相同，第一個(gè)參數(shù)是要執(zhí)行的code或句柄，第二個(gè)是延遲的毫秒數(shù)。
很簡(jiǎn)單的定義，使用起來也很簡(jiǎn)單，但有時(shí)候我們的代碼并不是按照我們的想象精確時(shí)間被調(diào)用的，很讓人困惑


簡(jiǎn)單示例
看個(gè)簡(jiǎn)單的例子,簡(jiǎn)單頁面在加載完兩秒后，寫下Delayed alert!

看起來很合理，我們?cè)倏磦€(gè)setInterVal()方法的例子

頁面每隔1秒記錄一次當(dāng)前時(shí)間（分鐘：秒：毫秒），記錄十次后清除，不再記錄。考慮到代碼執(zhí)行時(shí)間可能記錄的不是執(zhí)行時(shí)間，但時(shí)間間隔應(yīng)該是一樣的，看看結(jié)果

為什么
時(shí)間間隔幾乎是1000毫秒，但不精確，這是為什么呢？原因在于我們對(duì)JavaScript定時(shí)器存在一個(gè)誤解，JavaScript其實(shí)是運(yùn)行在單線程的環(huán)境中的，這就意味著定時(shí)器僅僅是計(jì)劃代碼在未來的某個(gè)時(shí)間執(zhí)行，而具體執(zhí)行時(shí)機(jī)是不能保證的，因?yàn)轫撁娴纳芷谥?，不同時(shí)間可能有其他代碼在控制JavaScript進(jìn)程。在頁面下載完成后代碼的運(yùn)行、事件處理程序、Ajax回調(diào)函數(shù)都是使用同樣的線程，實(shí)際上瀏覽器負(fù)責(zé)進(jìn)行排序，指派某段程序在某個(gè)時(shí)間點(diǎn)運(yùn)行的優(yōu)先級(jí)。
我們把效果放大一下看看，添加一個(gè)耗時(shí)的任務(wù)

我們又加入了一個(gè)定時(shí)任務(wù)，看看結(jié)果

這下效果明顯了，差距甚至都超過了3秒，而且差距很不一致。
我們可以可以把JavaScript想象成在時(shí)間線上運(yùn)行。當(dāng)頁面載入的時(shí)候首先執(zhí)行的是頁面生命周期后面要用的方法和變量聲明和數(shù)據(jù)處理，在這之后JavaScript進(jìn)程將等待更多代碼執(zhí)行。當(dāng)進(jìn)程空閑的時(shí)候，下一段代碼會(huì)被觸發(fā)

除了主JavaScript進(jìn)程外，還需要一個(gè)在進(jìn)程下一次空閑時(shí)執(zhí)行的代碼隊(duì)列。隨著頁面生命周期推移，代碼會(huì)按照?qǐng)?zhí)行順序添加入隊(duì)列，例如當(dāng)按鈕被按下的時(shí)候他的事件處理程序會(huì)被添加到隊(duì)列中，并在下一個(gè)可能時(shí)間內(nèi)執(zhí)行。在接到某個(gè)Ajax響應(yīng)時(shí)，回調(diào)函數(shù)的代碼會(huì)被添加到隊(duì)列。JavaScript中沒有任何代碼是立即執(zhí)行的，但一旦進(jìn)程空閑則盡快執(zhí)行。定時(shí)器對(duì)隊(duì)列的工作方式是當(dāng)特定時(shí)間過去后將代碼插入，這并不意味著它會(huì)馬上執(zhí)行，只能表示它盡快執(zhí)行。
知道了這些后，我們就能明白，如果想要精確的時(shí)間控制，是不能依賴于JavaScript的setTimeout函數(shù)的。

重復(fù)的定時(shí)器
使用 setInterval() 創(chuàng)建的定時(shí)器可以使代碼循環(huán)執(zhí)行，到有指定效果的時(shí)候，清除interval就可以，如下例

但這個(gè)方式的問題在于定時(shí)器的代碼可能在代碼再次被添加到隊(duì)列之前還沒有執(zhí)行完成，結(jié)果導(dǎo)致循環(huán)內(nèi)的判斷條件不準(zhǔn)確，代碼多執(zhí)行幾次，之間沒有停頓。不過JavaScript已經(jīng)解決這個(gè)問題，當(dāng)使用setInterval（）時(shí)，僅當(dāng)沒有該定時(shí)器的其他代碼實(shí)例時(shí)才將定時(shí)器代碼插入隊(duì)列。這樣確保了定時(shí)器代碼加入到隊(duì)列的最小時(shí)間間隔為指定間隔。

這樣的規(guī)則帶來兩個(gè)問題

1.1. 某些間隔會(huì)被跳過
2.2.多個(gè)定時(shí)器的代碼執(zhí)行之間的間隔可能比預(yù)期要小
為了避免這兩個(gè)缺點(diǎn)，我們可以使用setTimeout（）來實(shí)現(xiàn)重復(fù)的定時(shí)器

這樣每次函數(shù)執(zhí)行的時(shí)候都會(huì)創(chuàng)建一個(gè)新的定時(shí)器，第二個(gè)setTimeout（）調(diào)用使用了agrument.callee 來獲取當(dāng)前實(shí)行函數(shù)的引用，并設(shè)置另外一個(gè)新定時(shí)器。這樣做可以保證在代碼執(zhí)行完成前不會(huì)有新的定時(shí)器插入，并且下一次定時(shí)器代碼執(zhí)行之前至少要間隔指定時(shí)間，避免連續(xù)運(yùn)行。

這段定時(shí)器代碼每次執(zhí)行的時(shí)候，把一個(gè)div向右移動(dòng)5px，當(dāng)坐標(biāo)大于200的時(shí)候停止。