Javascript 拉斐尔钟

使用Raphael JS，我希望有一个连续的扫频时钟

我已经实现了，但是有个问题

动画上的变换不断要求旋转一个递增的整数。最终我会得到一个最大整数

如果我使用0,90180270。当它再次达到0时，它返回到另一个方向

代码笔->

Javascript:

var svg = Raphael("container",400,400),
    triangle = svg.path("M210 200L190 200L200 100Z").attr({fill:"#000"}),
    circle = svg.circle(200,200,5).attr({fill:"#f00"});

// Rotation settings
var handAngle = 45,
    centerX = 200,
    centerY = 200;

y = 0

function a() {
    y = (y + 90) % 360;
    triangle.animate({transform: "r"+y + "," + centerX + "," + centerY}, 500, b);
}
function b() {
    y = (y + 90) % 360;
    triangle.animate({transform: "r"+y + "," + centerX + "," + centerY}, 500, a);
}

a()

---

关键是使用拉斐尔。动画（…）。重复（无限）

var anim=Raphael.animation({transform: "r360" + "," + centerX + "," + centerY}, 60000, 'linear').repeat(Infinity);

triangle.animate(anim);