如何在用戶上次輸入一段時間後發起包含AJAX請求的函數？

Question

這是關鍵代碼：

var ajaxCallTimeoutID = null; 
$(document).ready(function() { 
$("input[id^='question']").live('keyup',function(ev){ 
    id=this.id.substr(8); 
    if (ajaxCallTimeoutID != null) 
    clearTimeout(ajaxCallTimeoutID); 
ajaxCallTimeoutID = setTimeout(subjectivecheck(id), 1000); 

}); 
}); 

然而，

subjectivecheck（ID） 當用戶輸入一個字母，立即執行，而是希望用戶已經停止打字後，它被稱爲持續一段指定的時間。如何解決這個問題呢？

function subjectivecheck(id){ 
    var cost=(new Date().getTime() - start.getTime())/1000; 
    var value=$('#question'+id).val(); 
    $.post("subjectivecheck.php?",{val:value, qid:id,time:cost, a_id:"<?php echo $announcementid; ?>"},function(xm){ 

     switch(parseInt(xm)){ 
      case 4: 
      { $htm='Congrats,you have passed the test.'; 
       $('#success').css({"color":"green"}); 
       $('#success').text($htm); 
      return; 
      } 
      case 1: 
      { 
      $htm='V'; 
     $('#sign'+id).css({"color":"green"}); 
     $('#sign'+id).text($htm); 
     break; 
      } 
      case 0:{ 

       $htm='X'; 
     $('#sign'+id).css({"color":"red"}); 
     $('#sign'+id).text($htm); 
     break; 
      } 
      case 3:{ 
       $('#subjectivequestion').text('You have failed at this announcement.'); 

       $('#choicequestions').text(" "); 
      } 
     } 

    }); 

} 

Answer 1

你需要將其包裝在一個匿名函數：

ajaxCallTimeoutID = setTimeout(function(){subjectivecheck(id)}, 1000); 

沒有包裹function(){}功能subjectivecheck立即調用，但是當你把它包起來傳遞作爲函數的引用一個論點。稍後可以調用該函數，然後調用您的函數。

Answer 2

我通常會做的是在keyup上啓動超時，並清除keydown（或按鍵）上的超時時間。

var timers=[]; 
$('input[id^="question"]').keydown(function(){ 
    while(timers.length){ 
    clearTimeout(timers.shift()); 
    } 
}).keyup(function(){ 
    var timeout=setTimeout(function(){ 
    //ajax call here 
    }, 300); 
    timers.push(timeout); 
});