javascript - 设置每个div的时间间隔

Question

这是我的代码:Demo

该演示在手动滚动每个 div 到滚动顶部时运行良好。

我需要的是:如果我点击自动开始按钮，我想自动滚动1，自动滚动2，...自动滚动n每个div到scrolltop .

  $(".jumper").on("click", function() { 
            var links = $(this).attr('href');
            var type = links.substring(links.indexOf('#')+1);

          $("body, html").animate({            
               scrollTop: $('#'+type).offset().top  
            }, 1500);   

           });

每个div应该到达scrolltop并停止，然后以相同的时间间隔转到下一个div的scrolltop。

Answer 1

我就是这样做的:

$(".autostart").on("click", function() {
    scrollToElem($("#auto-scroll"));

    var scrollList = $("#auto-scroll").nextAll();
    var current = 0;
    time = setInterval(function() {
      scrollToElem($(scrollList.get(current)));
      current++;
      if (scrollList.length == current) {
        clearInterval(time);
      }
    }, 2000);
  });

Here is the JSFiddle demo