JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header"></div>

JavaScript

$(function () {
    var $header = $("#header");
    var header = ['I', 'Am', 'So', 'Cool'];
    var position = -1;
    
    !function loop() {
        position = (position + 1) % header.length;
        $header.html(header[position])
        .fadeIn(1000)
        .delay(1000)
        .fadeOut(1000, loop);
    }();
});