JSFiddle - React, Tailwind, and code Playground

HTML

<div class="p">
    <span>1</span>
    <span>2</span>
    <span>3</span>
    <span>4</span>
    <span>5</span>
    <span>6</span>
</div>

CSS

div {
    position: absolute;
}

JavaScript

$('.p span:gt(0)').hide();

setInterval(function(){
    $('.p :first-child')
        //.stop(true,true)
        .fadeOut()
        .next('span').fadeIn()
        .end().appendTo('.p');
}, 1000);