当用户单击自动滚动脚本时清除 setInterval

Question

我正在编写一个自动滚动脚本，我正在使用 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);

Answer 1

您可以通过调用 clearInterval() 并传递从 setInterval() 函数返回的间隔 ID 来清除间隔。在你的情况下它将是：

clearInterval(autoSlider);