Как остановить выполнение функции при наведении на элемент?

Question

[legatobrown]

Как остановить выполнение функции при наведении на элемент?
Добавил чтобы останавливался setInterval, но как сделать чтобы останавливалось первое выполнение функции при наведении на элемент?

function swapImages() {
                setTimeout(function () {
                    $('.zz_a').addClass('map-show');
                    $('.t_a').addClass('map-show');
                    $('.a_a').addClass('map-show');
                }, 500);
                setTimeout(function () {
                    $('.zz_a').removeClass('map-show');
                    $('.t_a').removeClass('map-show');
                    $('.a_a').removeClass('map-show');
                }, 1000);
}

$(document).ready(function(){
            swapImages();
            intervalId  = setInterval(function(){
                swapImages()},1000);
            });

        $('#super-map').hover(function () {
            clearInterval(intervalId);
        });

Comments

[Stalker_RED]

А в чем смысл этой конструкции? Меняющиеся картинки, которые должны прекратить меняться при наведении?

[legatobrown]

сейчас в моем коде останавливается setInterval, функция если запущена, она продолжает выполнятся, мне нужно чтобы прерывалось выполнение функции

Answer 1

[Andrew]

надеюсь поможет

Comments

[legatobrown]

можете написать на примере моей функции? мне нужно прервать выполнение функции

Answer 2

[Stalker_RED]

Если я правильно понял что вы хотите