Javascript 拉斐尔，不断旋转的轨迹

我在拉斐尔有一条路径，我希望它在某个点上不断旋转

我写了这封信：

window.onload = function(){

var paper = Raphael(10, 150, 320, 200);
var path = paper.path('M50 40 L50 90');
var circle = paper.circle(50, 40, 10);
circle.attr('fill', 'green');

drawWheel(path, circle);
}

function drawWheel(path, circle){

path.animate({rotation: '360 50 90'}, 10000);
circle.animate({rotation: '360 50 90'}, 10000)
timeout = setTimeout("drawWheel(path, circle);", 10000);

}

因此，当页面加载时，我创建raphael路径和圆，然后将其传递给方法drawWheel，该方法正在为这些对象设置动画

然后我想在10秒后再次调用它，这样用户就能看到不断旋转的物体

首先，一切都很顺利，直到通话超时

我在firebug“未定义路径”中遇到错误

我把setTimeout打错了还是怎么了

---

我修改了脚本，并创建了path全局变量，因此现在脚本（最简单的版本）如下所示：

window.onload = function(){

    var paper = Raphael(10, 150, 320, 200);
    path = paper.path('M50 40 L50 90');
    drawWheel(path, circle);
}

function drawWheel(path){

    path.animate({rotation: '360 50 90'}, 10000);
    timeout = setTimeout("drawWheel(path);", 10000);
}

所以现在firebug中存在错误，但路径旋转360度并停止

甚至setTimeout也在调用，但在一个动画之后，就不会再发生任何事情了

有什么想法吗