Бесконечный цикл Javascript для оператора If

У меня проблемы с пониманием того, как работает цикл, как я могу сделать цикл for бесконечное количество раз.

Я разрабатываю веб-сайт wordpress и использую автоматический слайдер, в котором первый элемент слайдера получает класс «текущий», и мне нужна функция цикла, которая постоянно проверяет, какой элемент является первым, чтобы я мог отображать определенные тексты для каждого слайда.

Код не так важен, но это JS:

window.onload = function() {
           console.info('test');
     const frank = document.querySelectorAll('#franck');
     
     const slide21 = document.getElementById('slick-slide21');
     
     console.info(slide21);
     
     
     if (slide21.classList.contains('slick-current')){
         console.info('julien');
     }

И html для текущих элементов слайдера выглядит так:

<div class = "premium-carousel-template item-wrapper slick-slide slick-current slick-active" data-slick-index = "5" aria-hidden = "false" style = "width: 374px;" tabindex = "0" role = "tabpanel" id = "slick-slide25" aria-describedby = "slick-slide-control25">

Я проверяю, содержит ли элемент элемент Slide-current, но проверяет только один раз. У меня есть for, но могу ли я проверить каждый слайд, который перемещается каждые 2 секунды?

Цикл до 9999 или что-то в этом роде, но я хочу бесконечный цикл.

Это не то, как вы должны работать с документами JS и HTML. Выполните свой код, когда произойдет мутация списка классов. Если это невозможно (например, изменение внесено сторонним скриптом), прикрепите Обозреватель мутаций к элементам, за которыми нужно следить.

Teemu 10.01.2023 12:38
Типы данных JavaScript
Типы данных JavaScript
В JavaScript существует несколько типов данных, включая примитивные типы данных и ссылочные типы данных. Вот краткое объяснение различных типов данных...
CSS Flex: что должен знать каждый разработчик
CSS Flex: что должен знать каждый разработчик
CSS Flex: что должен знать каждый разработчик Модуль flexbox, также известный как гибкий модуль разметки box, помогает эффективно проектировать и...
Введение в раздел &quot;Заголовок&quot; в HTML
Введение в раздел "Заголовок" в HTML
Говорят, что лучшее о человеке можно увидеть только изнутри, и это относится и к веб-страницам HTML! Причина, по которой некоторые веб-страницы не...
Как React Helmet спасает меня при разделении файлов CSS?
Как React Helmet спасает меня при разделении файлов CSS?
Многие новички могут столкнуться с проблемой, когда одна страница с CSS наследует свойства от другой страницы с другим CSS. У меня было много проблем,...
Потяните за рычаг выброса энергососущих проектов
Потяните за рычаг выброса энергососущих проектов
На этой неделе моя команда отменила проект, над которым я работал. Неделя усилий пошла насмарку.
Руководство для начинающих по веб-разработке: HTML, CSS и JavaScript.
Руководство для начинающих по веб-разработке: HTML, CSS и JavaScript.
Добро пожаловать, мои коллеги по интернету, в захватывающий мир веб-разработки! Дорогие мои начинающие, я здесь, чтобы провести вас через основы HTML,...
0
1
53
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Бесконечный цикл:

for(;;) {
    /*things to do infinitely*/
}

В цикле while:

while(1) {
    /*things to do*/
}

И если вы хотите остановить цикл, вы можете просто добавить

if (/*condition to stop*/) {
    break;
}

Другие вопросы по теме