Con il codice riportato vorrrei far ruotare successivamente una scrittura di un grado, indicato dalla variabile i, usando la proprietà transform="rotate(i+deg)", ma non funziona. E non funziona neanche usando gli apici, come transform="rotate('i'+deg)", oppure transform="rotate(i+'deg')", oppure transform="rotate('i'+'deg')".
Da notare che scrivendo un valore numerico, come transform="rotate(7deg)", la rotazioneviene eseguita correttamente, ma una sola volta.
Desidererei conoscere come usare correttamente la varaiabile numerica i con deg. Grazie
lanvoel
codice:<!doctype html> <html lang="it"> <head> <style> #ruota { width:200px; font-size:32px; background-color:red; position: absolute; top: 200px; left: 300px; } </style> <script> var i=0; function avvia() { setInterval("ruota1()",1000); } function ruota1() { i=i+1; document.getElementById("ruota").style.color="blue"; casella.value=i; document.getElementById("ruota").style.transform="rotate(i+deg)"; } </script> </head> <body> <div id="ruota">Testo prova</div> <input type="button" value="ruota" onclick="avvia()"><br><br> angolo di rotazione:<input type="text" id="casella" id="casella" size =10 > </body> </html>
Rispondi quotando
