JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo"></div>

JavaScript

var messages = ['foo', 'bar', 'foobar', 'foobaz', 'baz', 'barfoo'];
var i = 0;

function doFade() {
    $('#foo').fadeOut(500, function() {
        $(this).html(messages[i % messages.length]);
        $(this).fadeIn(500);
    });

    i++;
}

setInterval(doFade, 510);