The following code works like the 'timetout' function (only happening once and not repeating itself), I tried several ways and I could not, if anyone can help me, I already thank you.
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)";
}