Как создать бесконечное повторение скрипта js?

ПОМОГИТЕ пожалуйста !!! Есть код JS он показывает уведомления и скрывает. После открытия и показа последнего 3 уведомления код останавливается . КАК сделать чтоб код повторялся бесконечно?? То есть после исчезновения 3 блока появилось снова 1 2 3 и так далее бесконечно

window.addEventListener("DOMContentLoaded", function() {
    function c() {
        if (a = b.shift()) a.querySelector(".close").addEventListener("click", function(a) {
            a.preventDefault();
            d()
        }), a.classList.add("show"), e = window.setTimeout(d, 3000) //время просмотра
    }

    function d() {
        window.clearTimeout(e);
        a && a.classList.remove("show");
        window.setTimeout(c, 2000) //пауза между показами
    }
    var b = document.querySelectorAll(".parent_popup"),
        e, a, b = [].slice.call(b, 0);
    window.setTimeout(c, 5000) //пауза перед 1 запуском
});


Это код всплывающих и исчезающих уведомлений

<div class="parent_popup" >
<div class="popup">
<h1>«Всплывающ 1</h1>
    <p>реклама какого-либо продукта, подписная форма, форма регистрации или же форма обратной связи.</p>
<a class="close"title="Закрыть" >X</a>
</div>
</div>

<div class="parent_popup" >
  <div class="popup">
<h1>«Второе окно 2</h1>
    <p> подписная форма, форма регистрации или же форма обратной связи.</p>
<a class="close"title="Закрыть" >X</a>
</div>
</div>

<div class="parent_popup" >
  <div class="popup">
<h1>«Третье окно 3</h1>
    <p> подписная форма, форма регистрации или же форма обратной связи.</p>
<a class="close"title="Закрыть" >X</a>
</div>
</div>
  • Вопрос задан
  • 1076 просмотров
Решения вопроса 2
alsolovyev
@alsolovyev
https://jsfiddle.net/a3pvkhwp/1/
const popup = document.querySelectorAll('.popup');
let counter = 0;
setInterval(function() {
	popup[counter].classList.remove('show');
	counter++;
	counter === popup.length ? counter = 0 : console.log('¯\\_(ツ)_/¯')
	popup[counter].classList.add('show');
}, 1000)
Ответ написан
Комментировать
Stalker_RED
@Stalker_RED
setInterval(), не?
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
KickeRocK
@KickeRocK
FrontFinish
Не представляю зачем это, но повесить на кнопку закрытия последнего - открытие первого, не вариант?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
17 мая 2024, в 22:37
20000 руб./за проект
17 мая 2024, в 22:33
1000 руб./за проект
17 мая 2024, в 22:30
5000 руб./за проект