Estou tentando fazer uma <div>
ter o background alterado para as três cores primarias, no caso Yellow, Blue e Red, porem só começaria a alterar a cor 4 segundos depois da pagina ser atualizada, escrevi uma função que é chamada 4 segundos depois da pagina atualizar, porem as cores não mudam, na verdade ele ignora as primeiras cores e pula direto para a ultima, e não ocorre o efeito de animação, simplesmente fica vermelho, segue a baixo o código...
<script>
var d = window.document.querySelector('div#msg');
setTimeout(mudarCor, 4000);
function mudarCor(){
var contador =0;
while(contador <= 9){
d.style.background = 'yellow';
d.style.background = 'blue';
d.style.background = 'red';
contador +=1;
}
}
</script>
Eu quero que altere entre as 3 cores, que mostre as cores mudando na tela, mas necessito que seja com a estrutura de repetição for ou while, porquê talvez eu precise deixar isso rodando infinitamente.