Как сделать, чтобы слайды менялись автоматически?

Question

[Игорь Устименок]

Ребят, помогите! Необходимо сделать автоматическое перелистывание сладера на jquey
Уже много что перепробовал, ничего не работает, а в jquey не очень шарю

jQuery(function ($) {

    var degree = 0;

    function rotateElem(elem) {
        var indexCurent;
        var countElem = $('.circle-container .circle-item').length;
        var indexElem = $('.circle-container .circle-item').index(elem);

        $('.circle-container .circle-item').each(function (index) {
            if ($(this).hasClass('selected')) {
                indexCurent = index;
            }
        });

        $('.circle-container .circle-item.selected').removeClass('selected');

        if (indexCurent < indexElem) {
            degree = degree - ((360 / countElem) * (indexElem - indexCurent));
        }
        if (indexCurent > indexElem) {
            degree = degree + ((360 / countElem) * (indexCurent - indexElem));
        }

        $('.circle-container').css({
            '-webkit-transform': 'rotate(' + degree + 'deg)',
            '-moz-transform': 'rotate(' + degree + 'deg)',
            '-ms-transform': 'rotate(' + degree + 'deg)',
            '-o-transform': 'rotate(' + degree + 'deg)',
            'transform': 'rotate(' + degree + 'deg)'
        });

        elem.addClass('selected');
    }

    $('.circle-container .circle-item').on('click', function (e) {
        e.preventDefault();
        var elem = $(this);
        rotateElem(elem);
        appendContent(elem);
    });

})

Comments

[Михаил Шведков]

Сама по себе rotateElem() работает? Если ручками ее запустить

[Игорь Устименок]

Михаил Шведков, вот тут кликом запускается, вроде работает

$('.circle-container .circle-item').on('click', function (e) {
        e.preventDefault();
        var elem = $(this);
        rotateElem(elem);
        appendContent(elem);

[Игорь Устименок]

Михаил Шведков, пытался так, но почему-то прокручивается только один раз

setInterval(function () {
		$('.circle-container .circle-item').ready(function (e) {
			var elem = $(this);
			rotateElem(elem);
		});
	}, 3000); // 3000 м.сек

[Михаил Шведков]

Игорь Устименок, Прошу прощения, малость запоздал с ответом.
В вашем варианте все хорошо - он прокручивается раз в 3 секунды. Но вот проблема - он прокручивается к одному и тому же слайду, поэтому выглядит это как прокрутка к одному и все.
Для того, чтоб прокручивать следующий слайд, надо каждые 3 секунды выбирать маркер, который следует за выбранным. Например, это можно сделать, получив индекс маркера и прибавив к нему 1. Для пущей красоты это дело можно зациклить (проверяя, не является ли конкретный маркер последним)
Например, так:

var cnt = 0;
var markers = document.querySelectorAll(".circle-container .circle-item");
var length = markers.length;
setInterval(function(){
var next = (cnt++<length)?cnt:0;
 e.preventDefault();
        var elem = $(markers[next]);
        rotateElem(elem);
        appendContent(elem);
}.bind(cnt),3000)

Не обещаю, что оно заработает, но, думаю, ход мыслей понятен