JSFiddle - React, Tailwind, and code Playground

by BelkinVadim

HTML

<div id="modul" style="height:100px;">
<span class="sup" style="display:none"> 1 </span>
<span class="sup" style="display:none"> 2 </span>
<span class="sup" style="display:none"> 3 </span>
<span class="sup" style="display:none"> 4 </span>
<span class="sup" > 5 </span>
<span class="sup" style="display:none"> 6 </span>
</div>

JavaScript

function b_move(){
var visB = $(".sup:visible");
var nextB = visB.next();
$(".sup:visible").fadeOut(1000); 
if(visB.length==0||nextB.length==0) 
$(".sup:first").delay(1000).fadeIn(500);
else nextB.delay(1000).fadeIn(500); 
setTimeout(b_move,5000);
}
b_move();