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

Question

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

我的问题是，轮盘动画用于变换＆amp;转换，当我在实际标签中时，效果非常好。

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

就像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只是一个来自数据库的简单代码。

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

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