JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dots">
    <div class="dot">.</div>
    <div class="dot">.</div>
    <div class="dot">.</div>...
    <div class="dot">.</div>
</div>

CSS

.someClass
{
    background:green;
}

JavaScript

var noofdot = $(".dot").length;
setInterval(function () {
    $(".dot").removeClass("someClass");
    var x = Math.floor((Math.random() * noofdot) + 1);
    $(".dot:nth-child(" + x + ")").addClass("someClass");
}, 5000);