JSFiddle - React, Tailwind, and code Playground

HTML

<div id="info_0" class="box">part1</div>
<div id="info_1" class="box">part2</div>
<div id="info_2" class="box">part3</div>
<div id="info_3" class="box">part4</div>
<div id="info_4" class="box">part5</div>
<div id="log"></div>

CSS

.box {
    border: 1px solid black;
    border-radius: 15px;
    width: 100px;
    margin: 10px;
    text-align: center;
}

#info_0.selected {
    background-color:#FF69B4;
}

#info_1.selected {
    background-color:#FF8C00;
}

#info_2.selected {
    background-color:#FFFF00;
}

#info_3.selected {
    background-color:#7CFC00;
}

#info_4.selected {
    background-color:#1E90FF;
}

JavaScript

$("#info_0").addClass("selected");

function ChangeBcgColor() {
    var id = Number( $(".selected").attr('id').slice(-1) );
    $( "#info_" + id           ).removeClass( "selected" );
    $( "#info_" + (id + 1) % 5 ).addClass   ( "selected" );
}

setInterval(ChangeBcgColor, 1000);