Obrót obrazu setInterval nie działa

Question

setInterval(function(){ $('#opis').css('transform','rotate(6deg)'); }, 1000);

 

Dlaczego obraca tego diva (o id opis) tylko raz o 6 stopni a nie powtarza tego co sekundę? Co robię źle?

Answer 1

rotate() obraca pobrany element DO określonego kąta a nie O określony kąt. Znaczy to że jeżeli chcesz obracać obiekt o 6 stopni co sekundę to powinieneś pobierać poprzedni kąt o jaki obrócony jest obiekt i dodawać do niego 6deg.

Comments

var s= new Date().getSeconds();

var sek = $('#sekunda').css('transform', 'rotate('+ s*6+ 'deg)'); setInterval(function(){ $('#sekunda').css('transform','rotate(' + sek + '6deg)'); }, 1000); });

 nie działa :(

 

jak?

---

Spróbuj w ten sposób: http://codepen.io/bumpMind/pen/WRPeGJ

Co prawda tutaj aktualny obrót przechowywany jest w zmiennej ale dalej myślę że sobie już poradzisz :)