JSFiddle - React, Tailwind, and code Playground

by briguy37

HTML

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

JavaScript

var changeAllowed = true;
var keywords = ["test1", "test2", "test3", "test4", "test5"];
var fadeOutTime = 500;
var fadeInTime = 1000;

$(document).ready(function() {
    if (changeAllowed) {
        var keyword = keywords[Math.floor(Math.random() * keywords.length)];
      $("#text").dequeue().text(keyword).fadeIn(fadeInTime).fadeOut(fadeOutTime );
    };
    setTimeout(arguments.callee, fadeOutTime + fadeInTime);
});