2

O seguinte código funciona como a função ´setTimeout´ (acontecendo apenas uma vez e não se repetindo), já tentei vários jeitos e não consegui, se alguém puder me ajudar, já agradeço.

    function girar(){           
        var bola = document.getElementById("ball");     
        window.xvel = 10;       
        setInterval(function(){                     
                    window.xvel = parseFloat(window.xvel) + parseFloat("10");                       
        }, 500);            
        bola.style.webkitTransform = "rotate(" + window.xvel + "deg)";      
     }

1 Resposta 1

4

Você precisa alterar a rotação dentro do callback do setInterval:

function girar(){           
    var bola = document.getElementById("ball");     
    window.xvel = 10;       
    setInterval(function(){                     
        window.xvel = parseFloat(window.xvel) + parseFloat("10");   
        bola.style.webkitTransform = "rotate(" + window.xvel + "deg)"; 
    }, 500);                      
}

Exemplo com bola quadrada

2

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .