Bom dia, ao colocar o metodos dentro de um laço de repitção for, o tempo de espera acontece somente uma única vez, sendo que nas demais repetições não ocorre o tempo de espera do setTimeout.
HTML
<div class="container_posicionamento">
<table id="tabela">
</table>
</div>
JavaScript Gerando a Tabela
const numLinha = 51;
const numColuna = 98;
const tabela = document.getElementById("tabela");
for (let i = 0; i < numLinha; i++) {
// cria cada tr no primeiro loop
let tabLinha = document.createElement("tr");
tabLinha.setAttribute("id","lin_"+i); //Cada uma das TR vai receber um id
tabela.appendChild(tabLinha);
for (let j = 0; j < numColuna; j++) {
// cria cada td no segundo loop
let tabElem = document.createElement("td");
tabElem.setAttribute("id","lin_"+i+"_"+j); //Cada uma das TD vai receber um id
tabLinha.appendChild(tabElem);
tabElem.innerHTML += `<div class="box_div"></div>`;
}
}
Colorindo a Tabela
for(let j = 0; j <= 97; j++){
setTimeout(function(){
for(let i = 0; i <= 50; i++){
const temp = document.querySelector("#lin_"+i+"_"+j);
temp.children[0].style.backgroundColor = "red";
}
},2000); //tempo em milisegundos
}
Não estou conseguindo preencher as colunas a cada 2 segundos, gostaria que a cada 2 segundos uma coluna fosse preenchida por vez. Obrigado.