如何在标签更改上处理css动画

我正在开发一个小轮盘赌游戏，如： https ： //csgofast.com/

我的问题是，当我在实际标签中时，与转换和转换一起使用的轮盘动画效果非常好。

问题是，当我移动到另一个选项卡或miniminize，在roullete开始之前，直到我没有回到选项卡，它dosnt开始滚动/移动。

就像roullete动画正在等待，直到我再次到达标签，开始移动。

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); 

代码在setInterval中，这就是我所知道的问题。

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

我怎么能处理这种情况？ 我想知道轮盘赌开始移动并在正确的地方结束，如果我在选项卡中没有问题。

我怎么能接近这种情况？ 有人能告诉我一个例子吗？ 非常感谢。