旋转物体onclick

Question

所以我有代码，当点击“+10”按钮10degree旋转到对象，当点击“+30”按钮30degree旋转到对象，90degree位置是最大可用时应该添加。现在只有一个广告，我不知道如何让它移动到我想移动的程度。

http://jsfiddle.net/9Xghf/

var rotateObject = document.getElementById("object"); 
var objectRotation = 0; 

var add10 = document.getElementById("add10"); 
var add30 = document.getElementById("add30"); 

add10.onclick = function(){ 
    rotate(0, 10); 
} 
add30.onclick = function(){ 
    rotate(0, 30); 
} 
function rotate(index, limit){ 
    if(objectRotation < 90 && index <= limit){ 
     index++; 
     objectRotation++; 
     rotateObject.style.transform="rotate(" + objectRotation + "deg)"; 
     rotateObject.style.WebkitTransform="rotate(" + objectRotation + "deg)"; 
     rotateObject.style.msTransform="rotate(" + objectRotation + "deg)"; 
     setTimeout(rotate, 50); 
    }else{ 
    // 90 degree is the max limit for this object 
    } 
} 

Answer 1

该更换计时器：

setTimeout(function(){ 
     rotate(index,limit); 
    }, 50); 

注意：这不会对所有的浏览器