Не отрабатывает функция setInterval(). Почему?

Question

[ReActor Дмитрий Вершанский]

Есть два абстрактных html-элемента (два родственных div'а преобразованные в последствии в окружности...впрочем не суть).

Не могу заставить работать функцию циклично, через заданный промежуток в ms. Отрабатывает только однократно. В чем соль?

function animatedLogo() {
    var bigCircle = document.getElementById('header__bigCircle');
        bigCircle.style.transition = '1s';
        bigCircle.style.transform = 'rotate(180deg)';

    var smallCircle = document.getElementById('header__smallCircle');
        smallCircle.style.transition = '1s';
        smallCircle.style.transform = 'rotate(-360deg)';
}

setInterval(animatedLogo, 3000);

Answer 1

[Алексей Ярков]

Добавьте внутрь console.log и посмотрите в консоль.
Функция выполняется раз в 3 секунды и выполняет одни и те же действия. Что вы увидеть хотели?
Вам надо каждый раз менять параметр в rotate(180deg) и rotate(-360deg).

Comments

[ReActor Дмитрий Вершанский]

Решено, благодарен вам!

[Алексей Ярков]

Дмитрий, всегда пожалуйста )