单击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）的函数；