Javascript順延強制實現方法(setTimeout)

1。延遲切換tab
需求：頁面上有幾個tab，切換tab的時候，會對某個特定地區的資料進行拉取更新。
弊端：使用者從第一個tab切換一直快速切到尾，就會產生n個ajax請求。其實使用者只是需要看到最後一個tab的資料。 複製代碼 代碼如下:var changeTab = function(){
var timeId = 0;
return function(tabId){
if(timeId){
clearTimeout(timeId);
timeId=0;
}
setTimeout(function(){
//ajax do something
},500);
};
}();

一個比較簡單的例子，綁定在tab上的onmouseover，如果使用者不停的來回切換tab，ajax請求不會執行，只有停頓500毫秒後，才會執行，500毫秒，其實蠻短的，基本上不會影響到使用者體驗。

2。延遲自動完成
需求：在文本輸入框中，監聽使用者輸入，實現自動完成功能。
弊端：使用者每輸入一個字元，都會產生一個ajax請求，如果使用者連續輸入了一長串內容，請求次數就很多，實際上，最後的那次，才是使用者需要的。
代碼與上面例子類似。

3。延遲滾動
需求：頁面的廣告，需要使用者滾動到哪，就跟到哪。
弊端：使用者滾動在底，觸發了N次的讓廣告重新置放的函數。其實，只需要當使用者停下的時候，才觸發一次就足夠了。
代碼與1類似。

其實有很多這樣這樣的例子，有些事情，不需要馬上去執行，可以延遲一點時間才執行，時間很短，不影響使用者體驗，又可以減少很多不必要的消耗。