单击div时停止自动刷新

时间:2016-05-09 02:04:56

标签: javascript php jquery html

我想在点击特定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后,我想停止自动刷新 这有可能吗?

2 个答案:

答案 0 :(得分: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) 
   })

});    

答案 1 :(得分:0)

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