В карусели 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"); Что-то вроде следующего действительно изменило значение интервала данных, но не скоростьпри котором изменяются слайды.

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();