Question

I’m trying to make an image change its rotation between 2 position in an infinite loop.
these are the 2 positions I have:

logo.style.webkitTransform = "rotate(3deg)"
logo.style.webkitTransform = "rotate(-3deg)"

Could someone help me with creating a delay and putting it into a loop.
so far all my efforts didn’t work. (I was trying using while for the loop + setTimeout)

or is there a better way to do it?

thanks in advance

Answer 1

Give this a try, see if it works

var dir = false;

setInterval(function(){
    (dir == false) ? logo.style.webkitTransform = "rotate(3deg)" : logo.style.webkitTransform = "rotate(-3deg)";
    dir = !dir;
}, 2000);