jquery - 尝试制作旋转动画

Question

到目前为止，这是我尝试过的。我在控制台中没有收到错误消息，而且 div 也没有旋转 http://jsfiddle.net/B8shT/

window.i = 10000;
function dothetwist()
{
    $('#box').animate( {
        step: function(now,fx) {
            $(this).css('-webkit-transform','rotatey('+now+'deg)');
        },
        duration: window.i,
        complete: function() {
            window.i=window.i-1000;
            dothetwist();
        }
    });       
}

我做错了什么？

Answer 1

我想这就是您所需要的。 JSFIDDLE

window.i = 10000;

function dothetwist() {
  $( "#box" ).animate({
      rotate: 1000
  }, {
       step: function(now,fx) {
            $(this).css('-webkit-transform','rotate('+now+'deg)');
        },
    duration: window.i,
    complete: function() {
         window.i=window.i-1000;
            dothetwist();
    }
  });
}

$("#box").click(function() {
dothetwist();
});

附注:您可以通过将“旋转:1000”属性更改为任何其他值来控制旋转速度。

感谢@nnnnnn 让我开始。