Script para Rádio

[Gustavo Pizzo]

Olá eu to fazendo um site pra Rádio onde eu trabalho e peguei um código na net pra ele troca a imagem de acordo com o horário, assim ele mostraria a foto do locutor que estivesse no ar naquele momento, arrumei ele do jeito que eu queria, mas estou tendo um problema com esse script.

Exemplo:

Quando eu tenho um programas das 10:30 ás 11:30

if(hora >= 10 && minutos >= 30 && hora < 11 && minutos >= 30){ document.write('<img src="imagens/comunidade_em_acao.png">');}

Bom, quando da 10:30 ele aparece a imagem normal, mas quando chega as 11:00 ao invés dele continuar com a imagem que está ate as 11:30, simplesmente o script faz com que a imagem suma e fique branco. Então quer dizer que ele não está reconhecendo direito os minutos, alguém que tenha mais experiencia em Javascript pode me ajudar ? O código completo é esse

<script>
function rodarImagens(){
                var now = new Date();
                var agora = now.getDay();
                var hora = now.getHours();
var minutos = now.getMinutes();
                switch (agora){
                                case 0: //domingo
                                                if(hora >= 6 && hora < 8){ document.write('<img src="imagens/livre.png">');}
                                                if(hora >= 8 && hora < 9){ document.write('<img src="imagens/santo_antonio.png">');}
                                                if(hora >= 10 && hora < 12){ document.write('<img src="imagens/domingo_do_ouvinte.png">');}
                                                if(hora >= 12 && hora < 13){ document.write('<img src="imagens/livre.png">');}
                                                if(hora >= 13 && hora < 15){ document.write('<img src="imagens/encontro_com_deus.png">');}
                                                if(hora >= 15 && hora < 18){ document.write('<img src="imagens/show_de_bola.png">');}
if(hora >= 18 && hora < 23){ document.write('<img src="livre.png">');}
if(hora >= 23 && hora < 4 && minutos >= 30){ document.write('<img src="imagens/encontro_com_deus.png">');}
                                break
                                case 1: //segunda
                                                if(hora >= 6 && hora < 8){ document.write('<img src="imagens/bom_dia_trabalhador.png">');}
                                                if(hora >= 8 && hora < 9){ document.write('<img src="imagens/vida_nova.png">');}
                                                if(hora >= 9 && hora < 10 || minutos <= 30){ document.write('<img src="imagens/classe_a.png">');}
                                                if(hora >= 10 && minutos >= 30 && hora < 11 && minutos >= 30){ document.write('<img src="imagens/comunidad_em_acao.png">');}
                                                if(hora >= 11 && minutos <= 30 && hora < 12){ document.write('<img src="imagens/bate_bola.png">');}
                                                if(hora >= 12 && hora < 12 && minutos >= 30){ document.write('<img src="imagens/antares_esportes.png">');}
                                                if(hora >= 12 && minutos >= 30 && hora < 15){ document.write('<img src="imagens/tarde_mix.png">');}
                                                if(hora >= 15 && hora < 18){ document.write('<img src="imagens/encontro_com_deus.png">');}
if(hora >= 18 && hora < 19) { document.write('<img src="imagens/casa_de_pedra.png">');}
if(hora >= 19 && hora < 20) { document.write('<img src="imagens/voz_do_brasil.png">');}                                         if(hora >= 20 && hora < 22) { document.write('<img src="imagens/camara.png">');}
if(hora >= 22 && hora < 23) { document.write('<img src="imagens/vida_em_cristo.png">');}
if(hora >= 23 && hora < 4 && minutos >= 30) { document.write('<img src="imagens/encontro_com_deus.png">');}
                                break
                                case 2: //terça
                                                if(hora >= 6 && hora < 8){ document.write('<img src="imagens/bom_dia_trabalhador.png">');}
                                                if(hora >= 8 && hora < 9){ document.write('<img src="imagens/vida_nova.png">');}
                                                if(hora >= 9 && hora < 10 && minutos >= 30){ document.write('<img src="imagens/classe_a.png">');}
                                                if(hora >= 10 && minutos >= 30 && hora < 11 && minutos >= 30){ document.write('<img src="imagens/comunidad_em_acao.png">');}
                                                if(hora >= 11 && minutos >= 30 && hora < 12){ document.write('<img src="imagens/bate_bola.png">');}
                                                if(hora >= 12 && hora < 12 && minutos >= 30){ document.write('<img src="imagens/antares_esportes.png">');}
                                                if(hora >= 12 && minutos >= 30 && hora < 15){ document.write('<img src="imagens/tarde_mix.png">');}
                                                if(hora >= 15 && hora < 18){ document.write('<img src="imagens/encontro_com_deus.png">');}
if(hora >= 18 && hora < 19) { document.write('<img src="imagens/casa_de_pedra.png">');}
if(hora >= 19 && hora < 20) { document.write('<img src="imagens/voz_do_brasil.png">');}                                         if(hora >= 20 && hora < 22) { document.write('<img src="imagens/livre.png">');}
if(hora >= 22 && hora < 23) { document.write('<img src="imagens/vida_em_cristo.png">');}
if(hora >= 23 && hora < 4 && minutos >= 30) { document.write('<img src="imagens/encontro_com_deus.png">');}
                                break
                                case 3: //quarta
                                                if(hora >= 6 && hora < 8){ document.write('<img src="imagens/bom_dia_trabalhador.png">');}
                                                if(hora >= 8 && hora < 9){ document.write('<img src="imagens/vida_nova.png">');}
                                                if(hora >= 9 && hora < 10 && minutos >= 30){ document.write('<img src="imagens/classe_a.png">');}
                                                if(hora >= 10 && minutos >= 30 && hora < 11 && minutos >= 30){ document.write('<img src="imagens/comunidad_em_acao.png">');}
                                                if(hora >= 11 && minutos >= 30 && hora < 12){ document.write('<img src="imagens/bate_bola.png">');}
                                                if(hora >= 12 && hora < 12 && minutos >= 30){ document.write('<img src="imagens/antares_esportes.png">');}
                                                if(hora >= 12 && minutos >= 30 && hora < 15){ document.write('<img src="imagens/tarde_mix.png">');}
                                                if(hora >= 15 && hora < 18){ document.write('<img src="imagens/encontro_com_deus.png">');}
if(hora >= 18 && hora < 19) { document.write('<img src="imagens/casa_de_pedra.png">');}
if(hora >= 19 && hora < 20) { document.write('<img src="imagens/voz_do_brasil.png">');}                                         if(hora >= 20 && hora < 22) { document.write('<img src="imagens/vem_louvar_o_senhor.png">');}
if(hora >= 22 && hora < 23) { document.write('<img src="imagens/livre.png">');}
if(hora >= 23 && hora < 4 && minutos <= 30) { document.write('<img src="imagens/encontro_com_deus.png">');}
                                break
                                case 4: //quinta
                                                if(hora >= 6 && hora < 8){ document.write('<img src="imagens/bom_dia_trabalhador.png">');}
                                                if(hora >= 8 && hora < 9){ document.write('<img src="imagens/vida_nova.png">');}
                                                if(hora >= 9 && hora < 10 && minutos >= 30){ document.write('<img src="imagens/classe_a.png">');}
                                                if(hora >= 10 && minutos >= 30 && hora < 11 && minutos >= 30){ document.write('<img src="imagens/comunidad_em_acao.png">');}
                                                if(hora >= 11 && minutos >= 30 && hora < 12){ document.write('<img src="imagens/bate_bola.png">');}
                                                if(hora >= 12 && hora < 12 && minutos >= 30){ document.write('<img src="imagens/antares_esportes.png">');}
                                                if(hora >= 12 && minutos >= 30 && hora < 14 && minutos <= 30){ document.write('<img src="imagens/tarde_mix.png">');}
                                                if(hora >= 15 && hora < 18){ document.write('<img src="imagens/encontro_com_deus.png">');}
if(hora >= 18 && hora < 19) { document.write('<img src="imagens/casa_de_pedra.png">');}
if(hora >= 19 && hora < 20) { document.write('<img src="imagens/voz_do_brasil.png">');}                                         if(hora >= 20 && hora < 22) { document.write('<img src="imagens/vem_louvar_o_senhor.png">');}
if(hora >= 22 && hora < 23) { document.write('<img src="imagens/livre.png">');}
if(hora >= 23 && hora < 4 && minutos >= 30) { document.write('<img src="imagens/encontro_com_deus.png">');}
                                break
                                case 5: //sexta
                                                if(hora >= 6 && hora < 8){ document.write('<img src="imagens/bom_dia_trabalhador.png">');}
                                                if(hora >= 8 && hora < 9){ document.write('<img src="imagens/vida_nova.png">');}
                                                if(hora >= 9 && hora < 10 && minutos < 30){ document.write('<img src="imagens/classe_a.png">');}
                                                if(hora >= 10 && minutos >= 30 && hora < 11 && minutos >= 30){ document.write('<img src="imagens/comunidad_em_acao.png">');}
                                                if(hora >= 11 && minutos >= 30 && hora < 12){ document.write('<img src="imagens/bate_bola.png">');}
                                                if(hora >= 12 && hora < 12 && minutos >= 30){ document.write('<img src="imagens/antares_esportes.png">');}
                                                if(hora >= 12 && minutos >= 30 && hora < 15){ document.write('<img src="imagens/tarde_mix.png">');}
                                                if(hora >= 15 && hora < 18){ document.write('<img src="imagens/encontro_com_deus.png">');}
if(hora >= 18 && hora < 19) { document.write('<img src="imagens/casa_de_pedra.png">');}
if(hora >= 19 && hora < 20) { document.write('<img src="imagens/voz_do_brasil.png">');}                                         if(hora >= 20 && hora < 23) { document.write('<img src="imagens/deus_esta_no_ar.png">');}
if(hora >= 23 && hora < 4 && minutos >= 30) { document.write('<img src="imagens/encontro_com_deus.png">');}
                                break
                                case 6: //sábado
                                                if(hora >= 6 && hora < 9){ document.write('<img src="imagens/bom_dia_trabalhador.png">');}
                                                if(hora >= 9 && hora < 10){ document.write('<img src="imagens/vida_nova.png">');}
                                                if(hora >= 10 && hora < 12){ document.write('<img src="imagens/classe_a.png">');}
                                                if(hora >= 12 && hora < 12 && minutos >= 30){ document.write('<img src="imagens/antares_nos_esportes.png">');}
                                                if(hora >= 12 && minutos >= 30 && hora < 17){ document.write('<img src="imagens/encontro_com_deus.png">');}
                                                if(hora >= 17 && hora < 18){ document.write('<img src="imagens/edificando_lar_em_cristo.png">');}
                                                if(hora >= 18 && hora < 23){ document.write('<img src="imagens/livre.png">');}
if(hora >= 23 && hora < 4 && minutos >= 30) { document.write('<img src="imagens/encontro_com_deus.png">');}

                                break   
                }
}
</script>

[Arash]

Nemli & Nemlerey

Olhando que voce colocou primeiro, e arrumando para aparecer apenas das 10:30 ás 11:30:

if( (hora == 10 && minutos >= 30) || (hora == 11 && minutos <= 30)){ document.write('<img src="imagens/comunidade_em_acao.png">');}

1. Primeiro eu coloquei "()" para separar as 2 opções
2. Troquei "<>" na hora por "=="
3. no 2º "minutos" eu troquei ">=" por "<="

Eu acredito que agora venha a funcionar corretamente.

[Gustavo Pizzo]

Não funcionou, assim ele fica todas as imagens uma embaixo da outra

Exemplo: Quando chega as 9 horas ele aparece a imagem, quando dá 10:30 o horário dela sair, ele continua lá e a imagem das 10:30 carrega embaixo dela.

[Arash]

// Se já tiver window.onload, não crie esse, só coloque a variavel la.
window.onload = function(){var div = document.getElementById("id da div onde vai ficar a imagem");} //define div como variavel global.

No seu código...

if( (hora == 10 && minutos >= 30) || (hora == 11 && minutos <= 30)){ 

// Vai "apagar a imagem anterior"
while(div.firstChild){
 div.removeChild(div.firstChild);
}

imagem = document.createElementById("img");
imagem.setAttibute("src","imagens/comunidade_em_acao.png");

document.getElementById(div).appendChild(imagem);
}

Se der certo, mude todo seu código, para ficar como o exemplo ai de cima!

Voce pode criar array e diminuir drasticamente o tamanho do seu código.

Editado Julho 16, 2012 por Arash

[Gustavo Pizzo]

@Arash pode explicar um pouco mais detalhado, sou bem leigo em javascript e tive dificuldade em entender.

Editado Julho 17, 2012 por Gustavo Pizzo

[Gustavo Pizzo]

Ae Arash, obrigado pela ajuda, mas não deu muito certo, apesar de eu não ter entendido muito bem oque você disse eu tentei fazer isso, mas nem carregou a imagem, to perdido nisso cara.