默认情况下，所有CSS动画每秒运行60帧，这意味着HTML每秒渲染60次。由于我的应用程序总是有动画运行，我想优化性能并将目标每秒帧数设置为30或更少。有没有方法可以在Angular应用程序中更改每秒最大帧数？
nszi6y051#
我认为你可以在你的动画调用中使用steps()来做到这一点：bounce 1s steps(30)Where steps是动画中要执行的步骤数量。因此，在1秒内，它将执行30步。但我不确定这将如何/是否会提高性能。
steps()
bounce 1s steps(30)
8ehkhllq2#
这不是关于javascript而是关于你的浏览器。这是决定FPS的因素。所以答案是否定的，你不能。但是，你可以做的，听起来很古怪，就是使用JS来管理你的动画，并将setInterval设置为30 / 1000（每秒30帧）。
setInterval
2条答案
按热度按时间nszi6y051#
我认为你可以在你的动画调用中使用
steps()来做到这一点：bounce 1s steps(30)Where steps是动画中要执行的步骤数量。因此，在1秒内，它将执行30步。但我不确定这将如何/是否会提高性能。
8ehkhllq2#
这不是关于javascript而是关于你的浏览器。这是决定FPS的因素。所以答案是否定的，你不能。
但是，你可以做的，听起来很古怪，就是使用JS来管理你的动画，并将
setInterval设置为30 / 1000（每秒30帧）。