Задать вопрос
@triowinner

Как вернуться к началу событий (jQuery)?

Добрый день, уважаемые гуру.

Не могу разобраться, как вернуться к началу события/действия.
Я сделал простенький скрипт, в котором block1 появляется/задержка/исчезает и за ним следом идет block2, который повторяет действия block1. Вопрос - как зациклить это действие, чтобы функция не прерывалась, а повторялось бесконечное кол-во, block1 block2, block1 block2 и т.д.

Пример
  • Вопрос задан
  • 284 просмотра
Подписаться 1 Оценить Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Так:

<div class="block">hello, world!!</div>
<div class="block">fuck the world</div>
<div class="block">fuck everything</div>

.block {
  display: inline-block;
  width: 500px;
  height: 150px;
  padding: 20px;
  background: red;
  color: white;
}

const $blocks = $('.block').hide();
let i = -1;

(function showNext() {
  $blocks
    .eq(i = (i + 1) % $blocks.length)
    .dequeue()
    .fadeIn(1000)
    .delay(500)
    .fadeOut(1000)
    .queue(showNext);
})();

??
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы