setTimeoutとclearTimeoutを使ってJSで再帰関数を再起動するには？

Question

私はCodeIgniterで簡単なチャットモジュールを構築しようとしています。

var last_id = 1; 

     $(document).ready(function(){ 
      loadMsgs(); 
      $("#content").focus(); 
      $("form#chatform").submit(function(){ 

       $.post("<?php echo base_url() ?>index.php/msg/update",{ 
          message: $("#content").val(), 
          con_id: <?php echo $con['conversation_id'] ?> 
          }, function(){ 
           $("#content").val(""); 
           $("#content").focus(); 

           loadMsgs(); 
       });  
       return false; 
      }); 
     }); 

     function loadMsgs() { 
      $.getJSON('<?php echo base_url() ?>index.php/msg/backend/<?php echo $con['conversation_id'] ?>/' + last_id, function(json) { 
       $.each(json, function(i,val){ 
        //console.log(val.id); 
        if(<?php echo $login_id ?> == val.sender_id){ 
         $("#messagewindow").append('<div class="bubble"><p>' + val.msg + '</p></div>'); 
        } else { 
         $("#messagewindow").append('<div class="bubble bubble-right"><p>' + val.msg + '</p></div>'); 
        } 
       }); 
       updateScroll(); 
       var newIndex = json.length-1; 
       if(typeof(json[newIndex]) != 'undefined'){ 
        last_id = json[newIndex].msg_id; 
       } 
       setTimeout('loadMsgs()', 4000); 
      }); 
     } 
     function updateScroll(){ 
      var element = document.getElementById("messagewindow"); 
      element.scrollTop = element.scrollHeight; 
     } 

私は、データベースからの最後のメッセージをつかむコントローラを要請し、その後#messagewindowするためにそれらを追加する$ .getJSONを使用した機能loadMsgsを持っています。コールバックの最後のものはsetTimeoutで、hatは4秒ごとに更新されます。

送信アクション私は、コントローラとコールバックでloadMsgsを再度呼び出す新しいメッセージを投稿します。その結果、私が新しいメッセージを提出するたびに、追加のコールが追加され、それはうまくいきません。

別のメッセージを送信した後でloadMsgsを再度呼び出す前に、グローバル変数idを追加してclearTimeoutを試してみました。var id = setTimeout('loadMsgs()', 4000);とadded clearTimeout(id);を変更しました。しかし何も変わりません。

Answer 1

あなたはグローバル変数idを持って、そして、あなたのハンドラであなたが

var id = setTimeout('loadMsgs()', 4000); 

を呼び出している場合は、グローバルidに触れることはありませんしています。

もう一度あなたのハンドラにvarを設定することによって、idの別の（そして別の...）コピーを定義し、それぞれにタイムアウトを設定します。 VarはNEW変数を定義し、それを繰り返し実行しているように見えます。ハンドラ内でvarを取り出し：

clearTimeout(id); 
id = setTimeout('loadMsgs()', 4000); 

Answer 2

これを解決するための簡単な方法は、あなたが提出する時に、それを呼び出したときにloadMsgsに引数を渡すことです。次に、この議論の存在をテストします。 ？アクションを提出し、新しいメッセージを自動的に取り込むために4秒JSONにそれを残してから）あなたはloadMsgsを（削除した場合はどうなり

$("form#chatform").submit(function(){ 
    // ... 

     loadMsgs(1); 
    // ... 
}); 

function loadMsgs(submitting) { 
    // ... 


    if (!submitting) setTimeout(loadMsgs, 4000); 
    // ... 
} 

Answer 3

：それが存在する場合は、のsetTimeoutを呼び出すことはありませんか。 JSを使用して、送信からの新しいメッセージのダミーコンテナを作成しますが、新しいJSONがキャプチャされたときにそのダミー要素をクリアしますか？