Javascript 圆形进度条动画速度问题

我将此代码用于带有“播放并停止”按钮的圆形进度条，当我单击“播放”按钮时，进度条将启动动画，当我单击“停止”按钮时，其动画将停止，这一切正常。基本上我注意到在整个循环中，进度条动画速度是不一样的，在开始时，动画移动缓慢，动画速度逐渐增加，因此我希望在从起点到终点的整个循环中，使动画速度保持相同和相等，你能解释一下我是如何实现这个功能的吗

var bar=newprogressbar.Circle（容器检查{
颜色：'黑色'，
冲程宽度：8，
步道宽度：9，
strokeColor:'红色'，
放松：“放松”，
持续时间：30000，
正文：{
autoStyleContainer:true
},
发件人：{
颜色：“#3f81bd”，
宽度：8
},
致：{
颜色：“#3f81bd”，
宽度：8
},
//为所有动画调用设置默认步长函数
步骤：功能（状态、循环）{
circle.path.setAttribute（'stroke'，state.color）；
circle.path.setAttribute（'stroke-width'，state.width）；
var value=Math.round（circle.value（）*30）；
如果（值==0）{
圆圈.setText（“”+0+“”）+
"演习";；
}否则{
圆.setText（“”+值+“”）+
"演习";；
}
}
});
bar.text.style.fontFamily=''Ralway'，Helvetica，无衬线'；
bar.text.style.fontSize='20px'；

动画计时功能应该是线性的，而不是

ease-in-out

---

将此添加到代码中：

动画计时功能：线性即
放松：“线性”
事实上，当我停止动画，然后点击再次播放时，在这种情况下，进度条动画开始缓慢，并且需要花费超过时间才能到达终点。因为你确实做到了
放松输入输出