Как автоматически добавлять класс jQuery с интервалом?

Question

[Anton Essential]

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

Answer 1

[Денис]

Вариант в виде плагина

HTML+JS

<div class="container">
    <div>div 1</div>
    <div>div 2</div>
    <div>div 3</div>
    <div>div 4</div>
    <div>div 5</div>
    <div>div 6</div>
    <div>div 7</div>
</div>

(function($) {
    $.fn.classСycle = function(o) {
        var _this = this,
            opt = $.extend({
                class: 'default_class',
                delay: 1000
            }, o),
            divs = $('div', this),
            len = divs.length - 1,
            init = function(i) {
                setTimeout(() => {
                    divs.removeClass(opt.class);
                    $(this).addClass(opt.class);
                    if (i >= len) {
                        setTimeout(() => $.fn.classСycle.call(_this, opt), opt.delay);
                    }
                }, i * opt.delay);
            };
        return divs.each(init);
    };
}(jQuery));
// Использование
$('.container').classСycle({
    class: 'active', // активный класс
    delay: 750 // задержка
});

Answer 2

[Leo Developer]

Как то так

function toggleClassByInterval (className, elements, delay) {
    var $divs = $(elements)
    var currentPosition = 0
    var timer = setInterval(function () {
    	(currentPosition == $divs.length + 1) && (currentPosition = 0)
       $divs.removeClass(className).eq(currentPosition++).addClass(className)
    }, delay)
}

https://jsfiddle.net/eubwhL0y/9/

Comments

[Anton Essential]

Спасибо, только вот он после первого круга почему-то начинает атачится только на первом элементе и дальше не проходит. https://jsfiddle.net/antonessential/s3fnhjkr/

[Leo Developer]

Anton Essential: Я изменил код

[Leo Developer]

Anton Essential: Просто слепым набором написал сперва, извеняюсь

[Anton Essential]

Leo Developer: Благодарчик братка!!! типо грбы, типо грыбы, поднялась влага в клубе и мы растем поднимая уровень!!! От души. )

[Leo Developer]

Anton Essential: xDD Не за что братишка

Answer 3

[Сергей ZSA]

Делал эту штуку вот тут topzakazz.ru/amst 780 и ниже несколько строк раскоментить и будет работать. Думаю всё вполне понятно как реализовать.