单击 div 时停止自动刷新

Question

i would Like to stop auto refresh when i click on a specfic div this is how my code looks like at the moment

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>

I would like to stop auto refresh when click on the id stop_auto_refresh is this possible ?

Answer 1

Intervals are cleared as using the clearInterval(intervalReference) . You can add a click handler using the .click() jQuery api since you are using 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

您需要将间隔函数设置为 var，然后您可以使用 onclick 事件触发另一个包含 clearInterval(varObject); 的函数。