Animation SVG动画的实时性不同于动画时间集

我有一个关于SVG动画性能的问题。 当我设置矩形动画的de duration时，它应该从一个坐标移动到另一个坐标，动画的实时时间与我在动画中设置的时间不同。如果系统/浏览器非常繁忙，动画的实时性会增加。我正在使用SVG库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));
    });
}

有没有办法设定一个真实的动画时间

---

非常感谢你的回答

如果您使用SMIL或CSS动画，它们应该保持适当的时间。使用JavaScript时不会，因为JS代码在单线程环境中运行。并且所有计时器/事件处理交互的总和仅比动画指定的总和稍多。