JSFiddle - React, Tailwind, and code Playground

by jfriend00

HTML

<li id="nav_about"><a href="">Loren ipsum <span id="adjective">1</span></a>
</li>

JavaScript

function cycle(cntr) {
    if (cntr > 4) {
        cntr = 1;
    }
    var o = $("#adjective");
    o.fadeOut(500, function() {
        o.text(cntr + "").delay(100).fadeIn(500, function() {
            cycle(++cntr);
        });
    });
}
    
cycle(2);