如何用javascript而不是HTML为svg路径填充设置动画

我想知道如何用javascript而不是HTML为SVG路径设置动画。目前，我已经找到了几篇关于javascript动画的溢出文章，并且在jQuery中找到了许多关于更改javascript属性的文章

我发现的链接：

有没有人知道我如何将这些技术应用到下面的路径，因为它可以很好地处理HTML，但我想控制动画的持续时间

---

如果要使用javascript设置渐变动画，则不再需要

元素

//所有站点
设ss=document.queryselectoral（#从左到右停止）；
让start=null；
让进度=0//动画的进展
让持续时间=2000//2秒毫秒
设rid=null//请求动画id
功能帧（时间戳）{
rid=window.requestAnimationFrame（帧）；
如果（！start）start=时间戳；
进度=时间戳-开始；
如果（进展）{
s、 setAttributeNS（空，“偏移量”，进度/持续时间）；
});
}
//如果动画结束，请取消动画
如果（进度>=持续时间）{window.cancelAnimationFrame（rid）}
}
框架（）
Wow。非常感谢你；你的解决方案帮了大忙。