如何获得恒定的动画速度？

Question

如何获得恒定的动画速度？$( "#progress20").animate({"width": "0"}, 40000);

https://jsfiddle.net/wahL4tbs/

Answer 1

您正在使用引导进度条，这是have their own animations通过CSS提供的。

跨浏览器兼容性 进度条使用CSS3转换和动画来实现它们的一些效果。这些特性在Internet 9或更低版本或更旧版本的Firefox中不受支持。歌剧12不支持动画。

您不应该试图使用jQuery的animate来动画不断变化的引导进度条。只需设置新的值，让CSS动画完成他们的工作，或者避免使用Bootstrap的进度条和自己的代码。造型非常琐碎。

Answer 2

默认的easing为.animate()是"swing"

宽松(违约：swing)

设置"linear" at easing选项

$("#progress20").animate({"width": "0%"}, 40000, "linear");

jsfiddle https://jsfiddle.net/wahL4tbs/2/