CSS / Javascript精确计时动画

Question

我有一个特定的情况，我需要显示在某些频率闪烁的按钮。最重要的是按钮尽可能准确地闪烁（例如：5Hertz处的一个按钮，10Hertz处的另一个按钮等）。我目前正在使用CSS关键帧来实现此目的，例如：

  .flashing{
      -webkit-animation: 0.2s flash linear infinite;
      -moz-animation: 0.2s flash linear infinite;
      -ms-animation: 0.2s flash linear infinite;
      animation: 0.2s flash linear infinite;
   }

    @keyframes flash {
           0% { background-color: red; }
           50% { opacity: white; }
       }

有没有办法通过使用CSS来进一步提高计时精度？ （例如，与浏览器的刷新率同步？）。闪烁主要发生在正确的频率。然而，不幸的是，我确实在读数中得到了大的，无法解释的尖峰（我正在使用外部科学仪器来测量频率）。我想知道是否有办法完全消除读数中的这些大峰值，或者是否有办法将它们显着降低。

简而言之：我正在努力寻找尽可能准确地显示CSS计时动画的最佳方法。或者有没有办法通过使用Javascript / Jquery来实现这个准确的计时？

有人对此有所了解吗？

谢谢