JSFiddle - React, Tailwind, and code Playground

HTML

<p class=message></p>

JavaScript

$( document ).ready(function(){
    var messages = ['a', 'b', 'c'];

    function NextElement(){
        var x = messages.shift();
        messages.push(x);
        return x;
    }
    function doer(){
        $("p.message").text(NextElement());
        setTimeout(doer2, 1000);
    }
    function doer2(){
        $("p.message").text("");
        setTimeout(doer, 500);
    }

    doer();
});