Como faço para adicionar um estilo por 2 em 2 segundos em cada elemento por vez
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;Discussão (0)
Carregando comentários...