Javascript在间隔之间跳转

Javascript在间隔之间跳转,javascript,jquery,Javascript,Jquery,好吧,我正试图用javascript构建一个自定义幻灯片,但我想为每张幻灯片设置一个自定义的暂停间隔 假设我有一个包含3张幻灯片的幻灯片,我希望它是这样的: 30 seconds 8 sec 8 sec |-------------------|------|-------| slide 1 slide2 slide3 我希望能够为函数提供一个间隔列表[5,10,20],并使用该间隔列表对幻灯片列表进行无序排列 我确实很有趣地尝试使用setI

好吧,我正试图用javascript构建一个自定义幻灯片,但我想为每张幻灯片设置一个自定义的暂停间隔

假设我有一个包含3张幻灯片的幻灯片,我希望它是这样的:

      30 seconds      8 sec  8 sec
|-------------------|------|-------|
       slide 1       slide2  slide3
我希望能够为函数提供一个间隔列表[5,10,20],并使用该间隔列表对幻灯片列表进行无序排列

我确实很有趣地尝试使用setInterval解决这个问题,但不幸的是,它调用了下一个函数,但正如您所知,它不能扩展到许多幻灯片

代码 使用:

您可以让它选择一张随机幻灯片,或者只是按顺序迭代幻灯片,如下所示:

;(function(){

  var intervals = [5,10,20];

  (function update(next){
    slid.goToSlide(next);

    setTimeout(function(){ 
      update((next + 1)%intervals.length);
    }, intervals[next]*1000);
  })(0);

})();

请提供您的相关代码,以及您在解决方案中的尝试、数组或时间和索引都可以做到这一点。@不客气。我很高兴能帮上忙。谢谢你的夸奖:)
;(function(){

  var intervals = [5,10,20];

  (function update(next){
    // Pick a slide and update the slideshow here

    setTimeout(function(){ 
      update((next + 1)%intervals.length);
    }, intervals[next]*1000);
  })(0);

})();
;(function(){

  var intervals = [5,10,20];

  (function update(next){
    slid.goToSlide(next);

    setTimeout(function(){ 
      update((next + 1)%intervals.length);
    }, intervals[next]*1000);
  })(0);

})();