JSFiddle - React, Tailwind, and code Playground
HTML
<p>Blah blah blah <span id="rotate"></span> blah blah blah</p>
JavaScript
var i = 0;
function rotate(spanid, words) {
arrWords = words.split(',');
var myspan = $('#' + spanid);
i == arrWords.length-1 ? i = 0 : i++;
myspan.text(arrWords[i]);
myspan.fadeIn();
setTimeout(function(){
myspan.fadeOut(400, function() {
rotate(spanid, words);
});
}, 2000);
}
rotate('rotate', 'word1,word2,word3');