延遲：0和啓動動畫不透明度：在拉斐爾JS 1

Question

我使用拉斐爾JS庫，這裏是我的代碼：

var rectangle = paper.rect(0, 0, 5, 5);       
    rectangle.attr({opacity: 0}); 
    // I need here a 5 seconds delay, before starting an animation 
    rectangle.animate({opacity: 1}, 2000); 

我試圖rectangle.attr({opacity: 0}).delay(5000);也是這樣：rectangle.attr({opacity: 0}, 5000);，但沒有這些似乎工作。

在排除其他代碼之前等待一段時間最簡單的方法是什麼？如果可能的話，我不想使用嵌套函數或循環。

Answer 1

使用Raphael.animation和Animation.delay。

var anim = Raphael.animation({opacity: 0, opacity: 1}, 1000); 
rectangle.animate(anim.delay(5000 /* the delay (ms) */));