JSFiddle - React, Tailwind, and code Playground

by Damir Rysaev

HTML

<ul id="blink">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

CSS

ul {
    margin: 0;
    padding: 0;
}

li {
    display: block;
    float: left;
    height: 50px;
    width: 20%;
    background-color: #0074D9;
}

.cls {
    background-color: #001f3f;
}

JavaScript

var ul = document.getElementById('blink'),
    li = ul.getElementsByTagName('li');

for(var i = 0; i < li.length; i++) {
	(function(el, i) {
        setInterval(function() {
            blink(el, i) 
        }, 1000);
    })(li, i);

}

function blink(el, i) {
	el[i].classList.toggle('cls');
}