Блог

Я работаю над сценарием автоматической прокрутки, я использую функцию в jquery для перехода к выбранному элементу в меню. И я использую setInterval для щелчка по каждому пункту меню. Пока все работает нормально. Но проблема возникает, когда мне нужно остановить setInterval, я имею в виду, остановить setInterval, если пользователь нажимает на один из элементов.

У меня есть две проблемы или вопросы к вам:

1. Это правильный способ выполнить автоматическую прокрутку?
2. Если это не так, я был бы очень признателен, если бы вы дали мне небольшую подсказку, как это сделать. Если это правильный способ, как узнать, было ли событие щелчка вызвано пользователем или сценарием?

Хорошо. Спасибо за чтение. Код, который я использую, является следующим и, как я уже сказал, работает нормально, чтобы зациклить ползунок. БОЛЬШОЕ СПАСИБО. Просто в качестве примечания: для петиции клиента я не могу использовать плагин jquery для создания слайдера, поэтому мне приходится делать это вручную.

 $('.slider-controls a').live('click',function(e){
            moveSlider($(this).attr('href'),e);

            return false;
        });

        function moveSlider(toDiv,elem){
            var nextPos = $(toDiv).position().top;
            $('.slider-total').animate({
                top: -nextPos
            }, 700);

            $('.slider-total div').removeClass('activo');
            $(toDiv).addClass('activo');
        }

        var autoSlider = setInterval(function(){
            var slideNext;

            if ( !($('.slider-total .activo').next().attr('id')) ){
                slideNext = '#'   $('.slider-total .post:first').attr('id');
            } else {
                slideNext = '#'   $('.slider-total .activo').next().attr('id');
            }

            $('a[href=' slideNext ']').click();
        },4000);
  

Вы можете очистить интервал, вызвав clearInterval() передачу идентификатора интервала, возвращаемого из setInterval() функции. В вашем случае это будет:

 clearInterval(autoSlider);