JSFiddle - React, Tailwind, and code Playground

by tymeJV

HTML

<ul>
    <li style='display: none;'>First</li>
    <li style='display: none;'>Second</li>
    <li style='display: none;'>Third</li>
</ul>

JavaScript

var current = $("ul li:first-child");

setInterval(function() {
    $("li").fadeOut();
    current.fadeIn("slow");
    current = current.next("li").length ? current.next("li") : $("ul li:first-child");
}, 3000);