JSFiddle - React, Tailwind, and code Playground

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac ante neque. Sed pretium, magna eget tristique viverra, purus sem tempus nisl, sed eleifend tortor enim eget libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus rutrum, nibh eget viverra sodales, quam enim mattis odio, quis placerat est ante nec mi. Nam bibendum rutrum quam id laoreet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum faucibus odio quis quam iaculis blandit. Integer interdum augue ut metus dictum non consectetur orci sollicitudin. Mauris blandit, tellus eget ullamcorper laoreet, lectus dui volutpat ipsum, ut commodo sem dui sit amet lorem.</p>

JavaScript

jQuery.fn.wordfade = function (o) {
    
    var config = {
        time: 100,
        span_class: 'wordfade',
        fade_speed: 500
    };
    
    config = $.extend(config,o);
    
    return this.each (function () {
        
        var text = $(this).text();
        
        text += " ";
        text = text.replace(/(.+?\s{1})/g,'<span class="'+config.span_class+'">$1</span>');
        
        $(this).html(text);
        $(this).find("span."+config.span_class).css({opacity: 0});
        
        var words = $(this).find("span."+config.span_class);
        
        //randomize word fadein for geeky effect
        //function shuffle(){return (Math.round(Math.random())-0.5); }
        //words.sort(shuffle);
        
        var pos = 0;
        var per = 1;
        var ms     = Math.ceil(config.time / words.length);
        
        if (ms < 1) {
            per = Math.ceil(1 / ms);
            ms  = 1;
        }
        
        console.log(per);
        console.log(ms);
        console.log('---');
        
        var interval = setInterval(function() {
            for (var i=0; i < per; i++) {
                if (words[pos]===undefined) {
                    clearInterval(interval);
                }
                $(words[pos]);
                $(words[pos]).fadeTo(config.fade_speed,1.0);
                pos++;
            }
        },ms);
        
    });
}
    
    $("p").wordfade();