Javascript 窗口未激活时的JS/CSS转换

我创建了一个小滑块，在这里我每X秒用JS设置一个类，并用CSS转换来制作动画

现在，当窗口处于非活动状态时（例如，您在另一个选项卡上观看），您返回时会出现一点混乱。经过1个过渡期后，混沌消失。看起来有些动画在另一个窗口上无法运行

看起来JS正在运行，但在窗口未处于活动状态时没有CSS转换

一个简单的例子：

将窗口保持不活动状态几秒钟，您就会看到Div移动得更快。使用“移动”功能可设置几次左侧。但是CSS转换只有在窗口再次激活时才会生效。因此Div一次移动到结束位置

setInterval(move, 1000);
var left=0;

function move() {
    $("div").css("left", left);
  left=left+20;
}

---

问题在于，当选项卡/窗口隐藏时，浏览器不会重新绘制其内容，但脚本会继续运行，当您切换回时，它会在第一次执行脚本时赶上，从而导致重新绘制

---

您可以做的是在选项卡/窗口不可见时使用并停止脚本运行

当您没有向考试发布任何代码时，我们应该如何提供帮助。。。您已经在这里呆了足够长的时间，知道如何发布一个问题。您可以删除事件（处理程序）并在css转换完成后中和它们loaded@LGSon我提这个问题有点太早了。现在举个例子。但公平地说。问题不是代码特定的。我的答案对你有帮助吗。。如果没有，我能做些什么来解决它？