Estou fazendo um jogo em javascript, é tipo o jogo genius.Estou usando o setTimeout dentro do for.
function executarJogo(numeroJogada){
var cores = ["#FFFF00","#00FF00","#0000FF","#FF0000"];
for (var i = 0; i < numeroJogada; i++) {
var numQuadro = Math.floor((Math.random() * 4) + 1);
var corQuadro = Math.floor((Math.random() * 4) + 1);
var q = "c" + numQuadro;
console.log(corQuadro -1,cores[corQuadro-1]);
var quadrado = document.getElementById(q);
quadrado.style.background=cores[corQuadro-1];
doTimeOut(quadrado);
}
}
function doTimeOut (quadrado) {
setTimeout(function() {quadrado.style.background="#cdc8b1";}, 1000);
}
O problema é: quando executo o for 3 vezes por exemplo ao invés de mudar a cor de uma div e voltar a cor normal, pra depois mudar a cor de outra div e voltar ao normal, está mudando a cor de todas as divs ao mesmo tempo, como se o settimeout não estivesse esperando os 1000 milissegundos.