javascript - 单击时旋转对象

Question

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

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);

注意：这不适用于所有浏览器