在bootstrap4旋转木马中，如何让特定的幻灯片停留更长时间？

Question

当处于活动状态时，在转到下一张幻灯片之前，轮播中的某些幻灯片的间隔应为1000。其他的间隔应该是5000。如何在jQuery中获取活动幻灯片，以更改轮播间隔？我还想根据哪个幻灯片处于活动状态来运行脚本。

幻灯片大约有30张幻灯片长，并且是信息性的。恒定的静态幻灯片过渡时间使其更难吸收幻灯片上显示的信息。我想根据当前显示的幻灯片触发额外的动画和效果；还希望根据当前幻灯片上有多少文本来改变幻灯片的节奏。

if ($('.carousel').carousel(5)) { playa = false; setTimeout(playa = true, 6000); }，但这只是将旋转木马跳到幻灯片5；

$('.carousel').on('slide', function (e) { var slideFrom = $(this).find('.active').index();console.log(slideFrom); alert("respond!") }这没有给出任何响应

我尝试了一半-但我认为slide.bs.carousel只是bs3：$('#Carousel').on('slide.bs.carousel', function (ev) { var id = ev.relatedTarget.id; switch (id) { case "1": console.log("1"); break; case "2": console.log("2"); break; case "3": console.log("3");实际上改变了data-interval的值，但没有改变幻灯片的更改速度。

aboutGo = () => { $('.carousel').carousel(0); $('.carousel').attr({ 'data-interval': '2000' });

Answer 1

我现在可以使用以下解决方案：

slideEvent = () => {
  switch (slideNumber) {

  case 0: console.log("First poem is...");
    $('.carousel').carousel(0);
    wait = 6000;
    break;

  case 1: console.log("sampla");
    wait = 4000;
    $('.carousel').carousel(1);

    break;
  case 2: console.log("according to legends");
    $('.carousel').carousel(2);
    break;

  case 3: console.log("nexto");
    $('.carousel').carousel(3);

    break;
  case 4: console.log("and then...");
    wait = 1000;
    $('.carousel').carousel(4);

    break;

  case 5: console.log("and then...");
    wait = 4000;
    $('.carousel').carousel(5);

    break;
  case 6: console.log("and then...");
    $('.carousel').carousel(6);

    break;
  case 7: console.log("and then...");
    $('.carousel').carousel(7);

    break;
  case 8: console.log("and then...");
    $('.carousel').carousel(8);

    break;
  case 9: console.log("and then...");
    $('.carousel').carousel(9);

    break;
  case 10: console.log("and then...");
    $('.carousel').carousel(10);

    break;

  default: break;

}

}

$('.carousel').carousel({
    pause: false,
    interval: 0,

})


var slideNumber = 0;
var wait = 4000;
changeSlide = () => {

  setTimeout(changeSlide, wait);
  slideEvent();
  slideNumber++;
  ;
}
changeSlide();