单击div时停止自动刷新

Question

我想在点击特定div时停止自动刷新这就是我的代码目前的样子

的jquery.js

var documentInterval;
$(document).ready(function(){
  documentInterval setInterval(function(){
      $('#show_here').load('fetch_something.php')
  }, 3000);
});

$('#stop_auto_refresh').click(function(){
  clearInterval(documentInterval);
});

的index.php

<div id="show_here"></div>
<div id="stop_auto_refresh" onclick="documentInterval()">Click To Stop Auto Refresh</div>

点击id stop_auto_refresh后，我想停止自动刷新 这有可能吗？

Answer 1

使用clearInterval(intervalReference)清除间隔。您可以使用.click() jQuery api添加单击处理程序，因为您使用的是jQuery。

var documentInterval;

$(document).ready(function() {
   documentInterval = setInterval(function(){
      $('#show_here').load('fetch_something.php')
   }, 3000);

   $('#stop_auto_refresh').click(function(){
     clearInterval(documentInterval) 
   })

});    

Answer 2

您需要将interval函数设置为var，然后您可以使用onclick事件来触发包含clearInterval（varObject）的其他函数;