如何使用JavaScript中的计时器增加数字

Question

我想在速度计图表中显示指针的动画，因为指针应该从0开始并以一个值结束。我如何通过设置计时器功能以将for中的数字递增来显示动画循环。

let angle = 0;
for (var i = 0; i < needleAngle; i++) {
  angle++;
}

return (
  <G className="needle">
    <G transform={`rotate(${angle} ${opts.cX} ${opts.cY})`}>
      {needleElm}
    </G>
    <Circle
      cx={opts.cX}
      cy={opts.cY}
      r={opts.needleBaseSize}
      fill={opts.needleBaseColor}
    />
  </G>
);

示例：  如果needleAngle为275，那么它应该从0开始并以275结束，并且如果needle angle从275变为145，那么它应该将275从275移动到175