3

Bom a minha dúvida é relativamente simples, eu gostaria de saber como faria em Javascript que se uma condição verdadeira, por exemplo, 2 > 1 em vez de aparecer a imagem do img aparecesse a imagem do código em script.

Meu código:

if(2>1){ document.getElementById("amarelo5").src = "cores-roleta/amarelo1.png";

}
<img id="amarelo5" src="cores-roleta/amarelo0.png">

14
  • Dessa forma que você fez não está funcionando? 17/06/2015 às 4:06
  • Infelizmente não.
    – Gonçalo
    17/06/2015 às 4:08
  • Qual erro apresenta? 17/06/2015 às 4:09
  • Continua a mostrar imagem amarelo0
    – Gonçalo
    17/06/2015 às 4:09
  • Da uma olhada no console do navegador, qual erro apresenta? 17/06/2015 às 4:10

1 Resposta 1

4

O problema é que seu script está executando antes da página terminar de ser carregada, para executar somente quando terminou faça isso:

window.onload = function() {
    if(2>1){ 
        document.getElementById("amarelo5").src = "cores-roleta/amarelo1.png";
    }
}


Exemplo mudando a cor do label a cada 5 segundos, adapte conforme sua necessidade. A função pra ficar chamando a cada tempo é o setInterval e você informa em milissegundos.

var cores = ['red', 'blue', 'green'];
var contador = 0;
window.onload = function() {
    setInterval(function () {
        document.getElementById('tst').style.color = cores[contador % cores.length];
        contador++;
    }, 5000); // 5 segundos
}
<label id="tst">Exemplo cores</label>

4
  • Funcionou, muito obrigado!, Já agora diga-me uma coisa, se eu quiser fazer com q passado 5 segundos apareça a imagem laranja2 como eu faria? Ou seja como faria para que passada 5 segundos aparecesse outra imagem.
    – Gonçalo
    17/06/2015 às 4:32
  • Ou seja, esperar 5 segundos, mudar de cor, esperar outros 5 mudar de cor dnv. etc...
    – Gonçalo
    17/06/2015 às 4:38
  • @Gonçalo Alterei minha resposta com um exemplo pra você, não fiz exatamente o que você precisa porque quero que tu entenda e aprenda, mas a ideia é basicamente essa. 17/06/2015 às 4:40
  • Bom, eu etendi a ideia, mas no caso eu queria alterar a imagem, de ids diferentes de 5 em 5 segundos, ou seja altero a imagem de id x, passado 5 segundos altero imagem de id y. Antes de mais obrigado por esta grande ajuda.
    – Gonçalo
    17/06/2015 às 4:46

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .