旋转功能在动画jQuery中不起作用

Question

我知道我的旋转功能正常，你可以在这个jsfiddle链接here

中看到

这是它运作的代码。

AnimateRotate(360, "#box", 0, 1000)


    $("#box").animate({

        top : "300px",
        left : "200px",
        width: "200px",
        height: "200px"

    },1000)

但是当我在for循环中使用我的动画功能时，它在每个循环中旋转2度，它似乎不起作用。

for(x = -100; x<130; x+=2){

    AnimateRotate(2, "#box", 0, 0)

    z+=1;

    y = ((Math.pow(x, 2))/-50)+700

    $("#box").animate({

        top : sh-y + "px",
        left : (x*2)+250 + "px",
        width: (z)*2.5 + "px",
        height: (z)*1.8 + "px"

    },12)

}

它只旋转2度，但由于它循环230次，我预计它会旋转460度。但事实并非如此。

有没有人知道解决这个问题的方法。要查看我的所有代码，请查看此jsfiddle链接here

另外，你可以忽略循环内部的东西，这并不重要。重要的是这个函数在循环中不起作用。

感谢您的回答。 All code on jsfiddle