ボタンを使用してrefresh_divを一時停止または一時停止解除する

Question

現在、2秒ごとにチャットをリフレッシュしています。別のボタンまたは同じボタンを押すまで、スクリプトの再読み込みを一時停止するボタンがあります。 （PAUSE /一時停止を解除）

<div class="chatload"> 
    <center>LOADING COMMUNITY CHAT</center> 
    <script> 
     function refresh_div() { 
      jQuery.ajax({ 
      url:'chat.php', 
      type:'POST', 
      success:function(results) { 
       jQuery(".chatload").html(results); 
      } 
      }); 
     } 

     t = setInterval(refresh_div,2000); 
    </script> 
</div> 

Answer 1

あなたは停止/それを一時停止し、再起動する再割り当てする間隔をクリアする必要があります。ここにその例のコードがあります。

HTML

<button id="togglebtn" type="button" onclick="toggleRefresh();">Pause/Resume Chat</button> 

Javascriptを

<script type="text/javascript"> 
    ... 
    ... 
    var t = setInterval(refresh_div,2000); 
    function toggleRefresh(){ 
     var btn = document.getElementById('togglebtn'); 
     if(t!=null){ 
      clearInterval(t); 
      t = null; 
      btn.innerHTML = "Resume Chat"; 
     }else{ 
      t = setInterval(refresh_div,2000); 
      btn.innerHTML = "Pause Chat"; 
     } 
    } 
</script> 

Answer 2

あなたはこれを試すことができますか？

var isCanceled = false; 
function refresh_div() { 
    if(!isCanceled) { 
    jQuery.ajax({ 
     url:'chat.php', 
     type:'POST', 
     success:function(results) { 
     jQuery(".chatload").html(results); 
     } 
    }); 
    } 
} 

t = setInterval(refresh_div,2000); 

$('a.pause').click(function(){ 
    isCanceled = !isCanceled; 
});