Как прервать и отменить отложенный запрос XHR в jquery / ajax?

Question

Я использую функцию jquery ajax load () для обновления содержимого DIV каждые 5 секунд.Но через некоторое время несколько запросов xhr ожидают и замедляют процесс, чтобы заморозить браузер!Как отменить ожидающий запрос после ожидания 5 сек / запрос.Или какое-нибудь лучшее решение, чтобы решить эту проблему?

    $(document).ready(
    var xhr;
    var fn = function() {
        if (xhr && xhr.readyState != 4) {
            xhr.abort();
        }
        xhr = $.ajax({});
    };
    var interval = setInterval(fn, 5000);
);

Некоторые разработчики говорят о вышеупомянутом блоке кода, но я не могу исправить мою проблему с ним.
ЗДЕСЬ МОЙ КОД:

$(document).ready(function() {
    $('.slot1_clicker').on('click', function() {
        $("#slot1").load(" #slot1 ", function() {
            $.getScript("/files/po.js");
        });
    });
});
setInterval(function() {
    $('.slot1_clicker').trigger('click');
}, 5000);