Javascript 如何处理标签更改时的css动画

我正在开发一款小型轮盘赌游戏，如：

我的问题是，当我在“实际”选项卡中时，与“变换和过渡”一起使用的轮盘赌动画效果非常好

问题是，当我移动到另一个选项卡或最小化时，在轮盘赌开始之前，直到我没有回到选项卡，它才开始滚动/移动。

就像轮盘赌动画在等待我再次进入选项卡，开始移动

let intervalJackpot = setInterval(() => {

    if (something == true) {
        $("#slider").css('transform', 'translate3d(-7850px, 0px, 0px)');
        $("#slider").css('transition', '15000ms cubic-bezier(0.32, 0.64, 0.45, 1)');
   } 

}, 500);

代码处于设置间隔内，据我所知，这就是问题所在。

DB.roulleteSpin只是一个来自数据库的简单代码

我如何处理这种情况？我想知道轮盘赌开始移动并在正确的位置结束，不管我是否在账单上

---

我如何处理这种情况？有人能给我举个例子吗？非常感谢。

你能添加足够的代码来重现你的问题吗？@VadimOvchinnikov嗨，我刚刚更新了代码，但基本上是一个setInterval函数，它会在一瞬间触发css，但问题是，当我交换标签时，轮盘没有出现或显示应该在哪里。它会停止动画，直到我返回到选项卡并继续。我将向你展示一个我正在开发的roullete的例子：在那个站点，你可以转到另一个选项卡，并且rullete仍然正常工作，在它恢复选项卡之前不停止动画。@HannatheNewbyDeveloper很难看到这个问题，因为你自己无法尝试它（我们需要注册到你的站点等）。试着设置一个JSFIDLE或者其他什么。问题是：如果我交换标签，我怎么做才能使动画不停止@CarstenHagemann@HannatheNewbyDeveloper帮助我们复制您的问题，而无需访问您的网站。一旦你们的问题被修复或者网站链接失效，你们的问题对任何人都是无用的。