Javascript 增加圆上已设置动画的拱门的宽度

我用计时器创建了一个动画圈。我需要更改圆的动画拱门的宽度

我怎么能这么做，因为我想不出来

这是

我使用以下CSS附加动画拱门的宽度：

CSS:

.timer>切片>.pie{ 边框：5px纯蓝色； 位置：绝对位置； 宽度：160px；/*170-2*边框宽度*/ 高度：160px；/*170-2*边框宽度*/ 夹：直肠0、0.5em、1em、0em； -moz边界半径：0.5em； -webkit边界半径：0.5em； 边界半径：0.5em； } JS:

$'div.timer'+instance.html+百分比>50？：+；

---

您必须更改宽度属性

技术像素级，然后它将为您工作

width:160px; /* 170 - (2 * border width) */

Ex:-宽度：190px

您可以在.timer>slice>pie中执行此操作{

.timer>切片>.pie{ 边框：10px纯蓝色； 位置：绝对位置； 宽度：150px；/*170-2*边框宽度*/ 高度：150px；/*170-2*边框宽度*/ 夹：直肠0、0.5em、1em、0em； -moz边界半径：0.5em； -webkit边界半径：0.5em； 边界半径：0.5em； }

---

我将边框的大小增加了一倍，然后将宽度和高度减小了10px。

将边框的大小增加到10px，然后将宽度和高度减少到150px。同时尝试使用RequestAnimationFrame制作javascript动画，而不是interval，因为interval对性能和反实践都非常不利。来源：Perfect@Ricklance这很好。M任何感谢都请在发布awsner之前测试或显示JSFIDLE。这将是您的小提琴：