JavaScript滑码

我正在制作div块的js滑块。我两边都有一支箭。鼠标悬停时，我想水平滚动滑块。在此之前，我使用以下代码执行所有操作：

  jQuery('.control')
    .bind('click', function(){
        jQuery('#slideInner').animate({
          'marginLeft' : SlideWidth * SlideNumber
        });
  });

---

但是，如果我想滑动所有内容直到鼠标悬停在

.control

？

上，该怎么办呢？当元素悬停时，您应该有一个

设置间隔（…）

来延迟循环

var interval = null; // I use global var for this example - globals are discouraged in general
jQuery('.control')
    .hover(function(){
        interval = setInterval(function() { // start looping when mouse enters
            jQuery('#slideInner').animate({
               'marginLeft' : SlideWidth * SlideNumber
            });
        },
        1000); // this is how many milliseconds you want to wait between animations
     }, function(){
        clearInterval(interval); // stop looping when mouse is out
     });

---

注意：这是一个过于简单化的问题，需要进一步的工作（例如，检查边距是否超出边界等），但其目的是展示如何将

setInterval（…）

应用于您的问题。

+1读到这篇文章，我感觉自己在上学。你是个天生的老师。