JSFiddle - React, Tailwind, and code Playground
HTML
<div id="mytext">This is the Starting Text</div>
JavaScript
var timeoutQueue = [],
$ta1 = $('#mytext');
timeoutQueue.push(
setTimeout(function(){
$ta1.fadeOut(500);
}, 400)
);
timeoutQueue.push(
setTimeout(function(){
$ta1.text("hey").fadeIn();
}, 1600)
);
timeoutQueue.push(
setTimeout(function(){
$ta1.fadeOut(500);
}, 3000)
);
timeoutQueue.push(
setTimeout(function(){
$ta1.text("It Can't possibly be this simple.").fadeIn();
}, 4500)
);