减慢动画jquery？

Question

基本上，我有一个工作函数，我想稍微调整一下，但我无法弄清楚。这会切换一旦按下div的动画，但不是只是“停止”或清除计时器，我希望它慢慢旋转回0，然后清除计时器...这可能吗？

var $elem = $('#optionBtn'), 
    degree = 0, 
    timer; 

function rotate() { 
    $elem.css({ 
     WebkitTransform: 'rotate(' + degree + 'deg)' 
    }); 
    $elem.css({ 
     '-moz-transform': 'rotate(' + degree + 'deg)' 
    }); 
    timer = setTimeout(function() { 
     ++degree; 
     rotate(); 
    }, 5); 
} 
$("#optionBtn").toggle(

function(e) { 
    rotate(); 
}, 

function() { 
    clearTimeout(timer); 
}); 

谢谢！

Answer 1

尝试使用此jQuery路径保证。它将simplfiy你的代码位：

http://www.zachstronaut.com/posts/2009/08/07/jquery-animate-css-rotate-scale.html