Отключить анимацию CSS3 с помощью jQuery?

У меня есть объект, у которого есть анимация при загрузке страницы:

.logo-mark {
        -webkit-animation: spin 2s 1 cubic-bezier(0.000, 0.000, 0.230, 1.000);
            -moz-animation: spin 2s 1 cubic-bezier(0.000, 0.000, 0.230, 1.000);
            -ms-animation: spin 2s 1 cubic-bezier(0.000, 0.000, 0.230, 1.000);
            animation: spin 2s 1 cubic-bezier(0.000, 0.000, 0.230, 1.000);
    }

В определенный момент я хочу, чтобы JavaScript включил определенную анимацию, которая происходит бесконечно , пока JavaScript не остановит указанную анимацию. Поэтому я просто создал другой класс с именем .logo-loading, и в определенное время jQuery выполняет addClass и removeClass.

.logo-loading {
            -webkit-animation: spin 4s infinite linear;
                -moz-animation: spin 4s infinite linear;
                -ms-animation: spin 4s infinite linear;
                animation: spin 4s infinite linear;
        }

Однако, когда JavaScript удаляет класс, объект просто продолжает вращаться, несмотря ни на что. Могу ли я что-нибудь здесь сделать?