javascript - 为什么我的 setInterval 和 setTimeout 动画在切换窗口时表现异常

问题描述

这是一个两部分的问题 -

我正在尝试使用普通的javascriptsetInterval和setTimeout应用css属性的方法构建一个连续的无限循环动画。当我切换浏览器选项卡并在一段时间后返回此选项时，我的动画似乎表现得非常出乎意料。为什么会这样？？

在线阅读后，我了解到这requestAnimationFrame是使用 javascript 制作动画的推荐方法。在我的情况下，我使用 JS 来触发具有属性的 css 中的转换和缩放属性transition。即使我要使用requestAnimationFrame轻松或贝塞尔函数，可以说，我将如何处理该setTimeout功能？在第一张和第二张卡片之间制作动画后，从第二张到第三张重复动画。

上面粘贴了codepen的链接。提前致谢！

标签： javascriptanimationsettimeoutsetintervalrequestanimationframe

javascript - 为什么我的 setInterval 和 setTimeout 动画在切换窗口时表现异常

问题描述

解决方案

推荐阅读