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>

Answer 2

你能试试吗？

createComment

使用按钮暂停和取消暂停refresh_div

2 个答案: