Does not fulfill the function setInterval(). Why?

Welcome colleagues! Such situation:
There are two abstract html element (two related div'and converted later in the circle...but not the point)

Can't make to work the function in a loop, after a specified period in ms. Fulfills only once. What's the salt?

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);
March 19th 20 at 08:31
1 answer
March 19th 20 at 08:33
Solution
Add inside the console.log and view in the console.
The function is running every 3 seconds and performs the same actions. What you wanted to see?
You have to change the parameter in rotate(180deg) and rotate(-360deg).
Solved, thank you! - Kamron_Wolf commented on March 19th 20 at 08:36
@Kamron_Wolf, you're welcome ) - Zita.Harber commented on March 19th 20 at 08:39

Find more questions by tags JavaScript