JSFiddle - React, Tailwind, and code Playground

HTML

<div class="headerGif header-HeaderBedrijfsVideo002">test</div>

JavaScript

var headerTimeout = 1000/24;

jQuery('.headerGif').hover(function(){
    for(var i = 1; i <= 41; i++){
        
        setTimeout(function(){
            var className='header-HeaderBedrijfsVideo00' + (i - 1);
            console.log(className);
            if (jQuery(this).hasClass(className)) {
                jQuery(this).removeClass('header-HeaderBedrijfsVideo00' + (i - 1));
                console.log("removed");
            }

            jQuery(this).addClass('.header-HeaderBedrijfsVideo00' + i);

        }, headerTimeout);
    }
});