JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="scroll-set">
<li>Brentwood</li>
<li>Antioch</li>
<li>Pittsburg</li>
<li>Concord</li>
<li>Walnut Creek</li>
<li>Danville</li>
<li>San Ramon</li>
</ul>

CSS

.imVisible { color: blue; }

JavaScript

$(function(){
  var el = $('li');
  var index = 0;
  var timer = window.setInterval(function(){
    if  (index < el.length) {
      el.eq(index++).addClass('imVisible');
    } else {
      window.clearInterval(timer);
    }
  }, 500);
});