CSS/Javascript精确计时动画

我有一个特定的情况，我需要显示按钮闪烁在某些频率。最重要的是，按钮尽可能准确地闪烁（例如：一个按钮在5赫兹，另一个按钮在10赫兹，等等）。我目前正在使用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来实现这种精确的计时

有人知道这件事吗

---

谢谢你

真是个好问题。你是不是把时间安排得太慢了？我没有答案，但我想知道如果不同步，你是否不能使用Javascript（我知道你要求CSS）定期“纠正”闪烁。。。HTM/CSS是面向用户的，我们的感知是有限的，那么像这样精确的东西需要什么呢？特别是当它的值很低时，比如0.2秒，实际上，大多数时候效果都很好。然而，不幸的是，偶尔我会在读数中得到非常大的峰值，然后立即下降。这不是经常发生，但给你一个想法，这确实发生了5次左右，在5分钟内@任务分配任务需要Charliedalsasit。0.2是一个示例，它将增加/减少以显示不同的频率@Temaniafif定期校正闪烁是什么意思@查理达萨斯