JSFiddle - React, Tailwind, and code Playground

HTML

<p>Here is a sentence <span id="rotate">default</span> is what changes</p>

	<ul style="display:none">
		<li>test1</li>
		<li>bob</li>
		<li>next</li>
		<li>last</li>
	</ul>

JavaScript

var terms = $("ul li");

	function rotateTerm() {

	 var ct = $("#rotate").data("term") || 0;

	 console.log(terms.eq([ct]).text());
	 
	  $("#rotate").data("term", 
	  	ct == terms.length -1 ? 0 : ct + 1).text(terms.eq([ct]).text())
	  .fadeIn().delay(2000).fadeOut(200, rotateTerm);

	}
	$(rotateTerm);