JSFiddle - React, Tailwind, and code Playground

HTML

<div id="logodiv">
    <img id="logo" src="http://iflorian.com/test/image/1000.jpg"/>
</div>

CSS

#logo { display:block; }

JavaScript

$("#logodiv").ready(function() {
    var $logo = $("#logo"), src = $logo.attr("src");
    var index = src.indexOf('.jpg');
    var step = 999;// +src.slice(index-4, index);

    function frame() {
        step++;
        if(step < 1050) {
            var newSrc = src.slice(0, index-4) + step + ".jpg";
            console.log(newSrc);
            $logo.attr('src', newSrc);
            setTimeout(frame, 1000);
        }
    }
    
    frame();
});