Сайт seozp.ru

Более 10 лет мы помогаем компаниям достичь своих финансовых и брендинговых целей. SEOZP — это специализированное SEO-агентство, ориентированное на ценности.

Циклический (бесконечный) последовательный вывод элементов

Иногда при установке казалось бы обычного слайдера у людей возникает вопрос, каким образом зациклить вывод элементов заданного массива. В интернете информации совсем немного и её ещё нужно найти — есть инструкция с использованием циклов (For или While), но они сильно грузят сервер и во многих случаях провоцируют зависание обозревателя.

Поразмыслив над проблемой на ум приходит достаточно логичное решение, применив которое у пользователя получится последовательно по кругу выводить необходимые элементы заданного массива данных.

Способ можно узнать тут:

var arr_number = [1, 2, 3, 4, 5, 6];
var arr_start = 0; // С какого элемента начинаем обход
var arr_count = arr_number.length - 1; // Количество элементов в массиве

setInterval(function() {
    
    console.log(arr_number[arr_start]); // Выводим элемент массива в консоль разработчика
  
    if(arr_start == arr_count) {
            
        arr_start = 0;
        
    } else {
   
        arr_start++;
            
    }
    
}, 2000);

Работает код следующим образом: ровно каждые 2 секунды выводится одно значение массива, тем самым выборка сдвигается на 1 значение вперед. В случае, если сдвиг равен крайнему значению массива, оно сбрасывается и в момент следующего переобхода автоматически происходит вывод необходимых вам элементов массива заново.

Код не сложный, а суть легка к усвоению и такой подход позволит выполнить бесконечный вывод элементов массива на jаvascript быстро и без существенной нагрузки на браузер — в данном случае он не зависает и уже тем более не вылетает.

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *