JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr class="ligne">
    <td>one</td>
</tr>
<tr class="ligne">
    <td>two</td>
</tr>
<tr class="ligne">
    <td>three</td>
</tr>
<tr class="ligne">
    <td>four</td>
</tr>
</table>

<input id="btn-timeout" type="submit" value="timeout!"/>

CSS

td{
border:1px solid black;
padding:20px;
margin:10px;}

input{
margin-top:20px;}

JavaScript

var tlenth = $(".ligne").length;
$("#btn-timeout").click(function() {
    var i = 0;
    var int = setInterval(function () { 
       $(".ligne").eq(i).css("background","blue");
        i++;
        if(i>tlenth-1) { clearInterval(int); }
    }, 1000);
});