我想在上一个元素完成动画之后为元素制作动画。现在我的代码是这样的:RaphaelJS:如何在另一个元素动画完成后动画元素?
var canvas = Raphael(0, 0, 1000, 1000);
var boxWidth = 80;
var boxHeight = 30;
var rectangles = canvas.set();
rectangles.push(canvas.rect(460, 30, 0, 0),
canvas.rect(460, 90, 0, 0),
canvas.rect(460, 150, 0, 0),
canvas.rect(460, 210, 0, 0),
canvas.rect(460, 270, 0, 0));
rectangles.attr({fill: "#e00", stroke: "#fff"});
rectangles[0].animate(anim.delay(200));
rectangles[1].animate(anim.delay(400));
rectangles[2].animate(anim.delay(800));
rectangles[3].animate(anim.delay(1200));
rectangles[4].animate(anim.delay(1600));
在这里我手动提供递增的延迟值,如200,400,800。对于一大组元素,这将是非常烦人的计算。我认为必须有另一种方式来做到这一点,将一个动画链接到其他动画结束。请指导。
一个选项是使用jQuery时,然后选项。 https://api.jquery.com/jquery.when/ – 2015-03-19 04:25:50