Остановка функции setinterval в JQuery после загрузки нужной страницы

Question

Я использую этот код ниже для загрузки внешних страниц в div. На одной из страниц есть функция setinterval в течение 1 секунды. когда я перехожу назад на страницу, код setinterval запускается дважды, и я хочу, чтобы он запускался только один раз. как остановить интервал, когда я перехожу из этой страницы?

$(document).ready(function() { 
    $('.content').html(""); 
    $('.content').load($('.john:first').attr('href')); 
    $('.john').click(function() { 
     var href = $(this).attr('href'); 
     $('.content').html(""); 
     $('.content').load(href).fadeIn('1000'); 
     return false; 
    }); 
}); 

Функция setinterval на этой странице выглядит следующим образом.

function loadingstaff(){ 
    var ids = ""; 
    $.post("loadfast.php",{id: ids}, 
    function (data){ 
     $(".getposta").html(data); 
    }); 
} 
var refreshIntervalId = setInterval(loadingstaff, 1000); 

Answer 1

$('.john').click(function(event) { 
    event.stopImmediatePropagation() 
    var href = $(this).attr('href'); 
    $('.content').html(""); 
    $('.content').load(href).fadeIn('1000'); 
    return false; 
}); 

Answer 2

Использование setTimeout InstEd из setInterval. Задача setInterval выполняет задание по заданному времени рекурсивно, и вам нужно всего один раз, поэтому setTimeout подходит для вашей цели.

function loadingstaff(){ 
    var ids = ""; 
    $.post("loadfast.php",{id: ids}, 
    function (data){ 
     $(".getposta").html(data); 
    }); 
} 
var refreshIntervalId = setTimeout(loadingstaff, 1000);