[Resolvido] Script para trocar imagem de acordo com a hora

[Tiago Souza Ribeiro 8]

Procura no seu HTML pela tag </head>

Coloca a tag <script> e todo seu conteúdo antes da </head>, ficando assim:

 

<script>
seu código javascript aqui
</script>
</head>

 

Agora sobre a div, é como falei, tu tem que pegar o id da div e trocar os document.write por document.getElementById("ID_DA_DIV").innerHTML = 'CÓDIGO DA IMAGEM AQUI <IMG...';

Olha o exemplo que eu dei no post anterior.

[Gustavo Pizzo 0]

Poxa cara, ainda não consegui, não sei mais oque fazer, eu abri o código no Dreamweaver e ele ta acusando um erro de sintaxe, se eu apago aquela linha ele acusa erro em outro linha.

[Tiago Souza Ribeiro 8]

Mostra ae como está seu código atualmente e tente resolver os erros de sintaxe usando as dicas do próprio DW.

[Gustavo Pizzo 0]

<script>
       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 && minutos >= 30) || hora > 9 && hora <= 10){
                       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="imagens/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/SOS_Comunidade.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_nos_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/sessão_da_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 && minutos >= 30) || hora > 9 && hora <= 10){
                       if(hora >= 9 && hora < 10 && minutos <= 30)){ document.getElementById("fotoprog").inner="<img src=imagens/classe_a.png">;}
                       if(hora >= 10 && minutos >= 30 && hora < 11 && minutos <= 30){ document.write('<img src="imagens/SOS_Comunidade.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_nos_esportes.png">');}
                       if(hora >= 14 && hora < 23){ document.getElementById("fotoprog").innerHTML = '<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/SOS_Comunidade.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_nos_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/SOS_Comunidade.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_nos_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 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/SOS_Comunidade.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_nos_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 < 12 && minutos <= 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>

 

está assim

[Gustavo Pizzo 0]

Achei o problema, estava nos minutos, refiz o script e fiz o teste só com horas inteiras e funcionou normal, quando eu coloquei os minutos eu coloquei assim

&& minutos <= 30

e não funcionava agora eu mudei para

&& minutos >= 30

e funcionou mais ou menos. E outra coisa que eu não tinha feito --' era colocar isso

<div id="fotoprog"><p><script>rodarImagens();</script></p></div>

e colocar o script entre as tags <head> e </head>

 

Mas eu ainda estou com um probleminha, quando tem programas que começam as 14:30 e acabam as 15:00

if(hora >= 14 && minutos >= 30 && hora < 15){ document.write('<img src="imagens/bate_bola.png">');}

ele funciona normal, mas em programas que começam as 14:00 e acabam 15:30

if(hora >= 14 && hora < 15 && minutos >= 30){ document.write('<img src="imagens/antares_esportes.png">');}

O código não funciona, ele some quando chega as 15:00