JSFiddle - React, Tailwind, and code Playground
HTML
<div id="userMessage"></div>
JavaScript
setInterval(readUserMessage, 200);
function readUserMessage() {
var message = Math.random();
if ($('#userMessage').is(':visible')) {
$('#userMessage').fadeOut(200, function() {
$(this).html("<span style=\"\">" + message + "</span>").fadeIn(300).delay(3000).fadeOut(300);
});
} else {
$('#userMessage').html("<span style=\"\">" + message + "</span>").fadeIn(300).delay(3000).fadeOut(300);
}
}