javascript - 使用按钮暂停和取消暂停刷新_div

Question

我目前每两秒刷新一次聊天，我想要一个按钮来暂停脚本重新加载，直到他们按下另一个或相同的按钮。 (暂停/取消暂停)

<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>