Como faço para adicionar um estilo por 2 em 2 segundos em cada elemento por vez

[Leo_Lôbo 0]

No Css:

.nwwClass {

border: 1px solid white;

background-color: black;

color: white;

padding: 3px;

}

No html:

<table id="tablee">

<tr><th class="tdss">operadores</th><th class="tdss">significados</th></tr>

<tr><td class="tdss">+</td><td class="tdss">adição</td></tr>

<tr><td class="tdss">-</td><td class="tdss">subtração</td></tr>

<tr><td class="tdss">*</td><td class="tdss">mutiplicação</td></tr>

<tr><td class="tdss">/</td><td class="tdss">divisão</td></tr>

<tr><td class="tdss">%</td><td class="tdss">módulo</td></tr>

<tr><td class="tdss">++</td><td class="tdss">incremento</td></tr>

<tr><td class="tdss">--</td><td class="tdss">decremento</td></tr>

<tr><td class="tdss">>=</td><td class="tdss">menor ou igual</td></tr>

<tr><td class="tdss"><=</td><td class="tdss">maior ou igual</td></tr>

<tr><td class="tdss">!=</td><td class="tdss">diferente</td></tr>

</table>

 

No javaScript que é o proplema tá ai::: 

function adiciono(){

     tdss[x].classList.add('nwwClass');

}

     var tdss = document.getElementsByClassName('tdss');

     var x = 0;

     for(;x < tdss.length; x+=2){

 

     if(tdss[x].className != "tdss nwwClass"){

          setInterval(adiciono,2000)

}

}

// minha ideia é adicionar o estilo css um por cada vez em x periodo de tempo, um por um nas TD so para uma simples animação e melhorar o conheçimento mesmo abraços;