jquery - Setinterval アニメート

Question

私は問題があります。ある種の変数が true であるかどうかを、1 秒あたり約 50 回チェックしたいと考えています。true の場合、1 秒のバックグラウンド トランジションを実行する必要があります。私はこのようにしました：

setInterval(
        function(){


            if(var) {
                   $('.side-bar').animate({
                        backgroundColor: "#fff"
                        }, 1000);
            }
            else { 
           $('.side-bar').animate({
                        backgroundColor: "#000"
                        }, 1000);
            }   
            },20);

問題は、var が true の場合、なんらかの理由でアニメーションが動かなくなり、変更できなくなることです。intervaltime をアニメーション時間よりも大きくすると (たとえば、間隔を 1001 にしてアニメーションを 1000 にすると)、うまくいきます。intervaltime < animationtime の場合は動作しません。誰がこれの解決策を知っていますか?