jquery - 减慢动画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 路径。它会简化你的代码：

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