JSFiddle - React, Tailwind, and code Playground

HTML

<div id="switchers">
    <ol>
        <li> One </li>
        <li> Two </li>
        <li> Three </li>
        <li> Four </li>
        <li> Five </li>
        <li> Six </li>
    </ol>
</div>

CSS

li {
    color: red;
}

JavaScript

var actionTimeout = 6000;

$('#switchers ol li').each(function(i, li) {
    setTimeout(function() {
        $(li).css('color', 'green');
    }, i * actionTimeout);
});