остановки автоматического обновления при нажатии на DIV

Question

я хотел бы остановить автоматическое обновление, когда я нажимаю на specfic 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> 

Я хотел бы, чтобы остановить автоматическое обновление, когда нажмите на idstop_auto_refresh это возможно?

Answer 1

Интервалы очищаются с использованием clearInterval(intervalReference). Вы можете добавить обработчик кликов, используя jQuery api .click(), так как вы используете 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

Вам необходимо установить функцию интервального как вар, а затем вы можете использовать событие OnClick огонь еще одну функцию, которая содержит clearInterval (varObject);