JSFiddle - React, Tailwind, and code Playground

HTML

<span id="num0" class="jjj">00000000</span><br>
<span id="num1" class="jjj">11111111</span><br>
<span id="num2" class="jjj">22222222</span><br>
<span id="num3" class="jjj">33333333</span><br>
<span id="num4" class="jjj">44444444</span><br>
<span id="num5" class="jjj">55555555</span><br>
<span id="num6" class="jjj">66666666</span><br>
<span id="num7" class="jjj">77777777</span><br>





<script>
    $(document).ready(function()
{    
    var i = 0;
    (function fadeInNext()
    {        
        $("#num" + i).fadeTo(1000,1);
        console.log("Fading in " + i);
        i++;
        if (i < 8)
        {
            setTimeout(fadeInNext, 2000);
        }
    })();
});
</script>

CSS

.jjj {opacity: 0;}