SVG-Animation的实时与动画时间设置不同

Question

我对SVG动画的性能有疑问。 当我设置一个矩形动画的持续时间时，它应该从一个坐标移动到另一个坐标，动画所用的实时时间与我在动画中设置的时间不同。如果系统/浏览器非常繁忙，则动画实时增加。我正在使用SVG-Library Raphael.js。在这里，您可以看到我试图说明问题的代码示例：

var paper = new Raphael("paperDiv");
var rectangle = paper.rect(200,200,30,10);
rectangle.attr({
    x: 50,
    y: 50
});

window.onload = function(){
    var d = new Date();
    var datum = d.getTime();
    rectangle.animate({x: 500, y: 50}, 1000, "linear", function(){
        d = new Date();
        alert("time the animation should take: " + 1000 + "; time the animation really takes: " + (d.getTime() - datum));
    });
}

有没有办法设置真正的动画时间？

非常感谢你的回答！