JSFiddle - React, Tailwind, and code Playground

HTML

<span style="display:none;" id="test1"></span><br />
	<span style="display:none;" id="test2"></span><br />
	<span style="display:none;" id="test3"></span><br />

JavaScript

function rotate(sID,aWords, iIndex){
			$("#"+sID).html(aWords[iIndex]).fadeIn(1000, function() {	
				iIndex==(aWords.length-1)? iIndex=0:iIndex++;			
				$("#"+sID).fadeOut(1000, function() {					
					rotate(sID,aWords,iIndex);							
				}); 
			});
		}


	
		rotate("test1",["Hello", "World", "Foo"], 0);
		rotate("test3",["John", "Bob", "Billy", "Mike", "Larry"], 0);