setTimeout, clearTimeout jQuery

Question

У меня есть существующая функция в скрипте слайдера контента, которая устанавливает время ожидания для следующего слайда для анимации. Я хотел бы остановить анимацию при наведении курсора (я прокомментировал свое добавление к скрипту).Что я делаю неправильно?Спасибо за вашу помощь.

    function autoSlide() {
        if (navClicks == 0 || !settings.autoSlideStopWhenClicked) {
            if (currentPanel == panelCount) {
                var offset = 0;
                currentPanel = 1;
            } else {
                var offset = - (panelWidth*currentPanel);
                currentPanel += 1;
            };
            alterPanelHeight(currentPanel - 1);
            // Switch the current tab:
            slider.siblings('.coda-nav').find('a').removeClass('current').parents('ul').find('li:eq(' + (currentPanel - 1) + ') a').addClass('current');
            // Slide:



            $('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);

            setTimeout(autoSlide,settings.autoSlideInterval); 

     // this is my addition to try to stop the animation:               
            $('.panel-container', slider).mouseover(function(){
            //alert("hi");
               clearTimeout(autoSlide);

            }).mouseleave(function(){

               setTimeout(autoSlide,settings.autoSlideInterval);

            });
    // end of my addition          

        };
    };

Answer 1

clearTimeout() работает с возвращаемым значением setTimeout() (идентификатор операции), поэтому вы должны сохранить его при установке и использовать его для очистки.

var x=setTimeout(autoSlide,settings.autoSlideInterval); 
...
clearTimeout(x);

• MDC на clearTimeout

  window.clearTimeout (timeoutID)

  где timeoutID - идентификатор времени ожидания, которое вы хотите очистить,как возвращено window.setTimeout ().

Answer 2

autoSlide это не тайм-аут, это имя вашей функции, поэтому вы не можете сбросить тайм-аут на нем. setTimeout возвращает ссылку на тайм-аут, который нужно зафиксировать, и на этом вызовите clearTimeout. Смотрите ниже код:

var slideTimeout = setTimeout(autoSlide,settings.autoSlideInterval); 


$('.panel-container', slider).mouseover(function(){
    clearTimeout(slideTimeout);
}).mouseleave(function(){
    slideTimeout = setTimeout(autoSlide,settings.autoSlideInterval);
});