テキストボックスの値をチェックする方法と3秒間何も変更していない場合は何かしますか？そうでない場合は3秒後にもう一度チェックしますか？

Question

これは私の試みですが、私は 'checker（thisVal）'が問題を引き起こしていると考えています。

$("#search-input").keyup(function() { 
     var thisVal = $(this).val(); 
     if(thisVal!=''){ 

      var checker = function (v){ 
       if($(this).val() !=v){ 
        setTimeout('checker(thisVal)', 3000); 
       } 
       else{ 
        console.log($(this).val()); 
       } 
      } 
      setTimeout(function(){checker(thisVal)}, 3000); 

     } 
    }); 

ありがとうございます。私はあなたを信じて

Answer 1

はタイムアウトラインのためにこれをしたい：

setTimeout(function(){checker(thisVal)}, 3000); 

編集：このコードを試してみてください。

$("#search-input").keyup(function() { 
    var thisVal = $(this).val(); 
    if (thisVal !== '') { 

     var checker = function(v) { 
      if (thisVal !== v) { 
       setTimeout('checker(thisVal)', 3000); 
      } 
      else { 
       console.log(thisVal); 
      } 
     } 

     setTimeout(function() { 
      checker(thisVal) 
     }, 3000); 
    } 
});​ 

Demo。

Answer 2

は、私は、関数が実行されるときにthisを定義できます私はFunction.callを使用して問題

var that = $(this); 
var thisVal = that.val(); 
var refreshIntervalId = setInterval(function(){ 
    if(that.val() === thisVal){ 
    console.log(thisVal);   
    }   
}, 3000); 

clearInterval(refreshIntervalId);//will stop the checks 

Answer 3

setTimeout(function(){checker.call($('#search-input').get(0), thisVal)}, 3000); 

に異なるアプローチを取るだろうと思います。 checkerがkeyupイベントから実行される場合、thisが入力要素です。 setIntervalから実行されている場合、通常はウィンドウオブジェクトであるthisです。 call関数を使用すると、thisを再び入力要素に設定できます。

Answer 4

私はあなたがこれを必要だと思う...

は、このライブラリを見てみましょう： http://www.zurb.com/playground/jquery-text-change-custom-event

はまた、私はあなたの例を作った： http://jsfiddle.net/oscarj24/g8ShH/

希望これは:-)

を支援します