Como mudar a foto de acordo com o horario?

[Rodrigo*]

alguém sabe um script onde ele mude uma determinada foto no site em determinado tempo?

ex: de 6:00 AM ate 12:00 AM uma foto ai de 13:00 as 16:00 outra e de 17:00 PM as 5:00 Am do outro dia.

em um ciclo. seria fotos de dia a tarde e anoite para dar a impressão de ciclo do dia no site

vou fazer isso com banner mas preciso q a fto mude de acordo com os horarios.

se alguém puder me ajudar.

^^ :rolleyes:

[Matheus Matos]

bem, primeiro seja bem-vindo ao fórum!

hm... tenta isso abaixo:

<script type="text/javascript">

d = new Date();

hour = d.getHours();

if(hour < 5)

{

document.write("<img src='banner_boa_noite.gif' />");

}

else

if(hour < 8)

{

document.write("<img src='banner_bom_dia_cedo.gif' />");

}

else

if(hour < 12)

{

document.write("<img src='banner_bom_dia_manha.gif' />");

}

else

if(hour < 18)

{

document.write("<img src='banner_boa_tarde.gif' />");

}

else

{

document.write("<img src='banner_boa_noite.gif' />");

}

</script>

veja que o código está bem simples, nos ifs tem hour < 18, ou seja, antes das 18:00 horas vai ser exibido boa tarde, então, sinta-se a vontade para modificar as horas aí...

bem, lembre-se que será de acordo com a hora que está no computador do cliente, ou seja, do internauta do site, o javascript é uma linguagem client-side, então, se a hora do computador do internauta estiver errada, consequentimente, a hora no seu site vai sair errada, claro que, apenas no computador dele! :P

se quiser que fique sempre com a hora certinha, terá que usar linguagem server-side como PHP ou ASP, caso queira dessa maneira, a galera aqui do fórum te ajuda!

Posta aí qualquer coisa!

Vlw

Matheus Matos

Editado Setembro 16, 2009 por Matheus Matos

[Rodrigo*]

Vou testar ai falo o resultado.

Vlws mesmo =D

[thiagowwz]

Sei que provavelmente não tem muito a ver com o que o Rodrigo* perguntou, mas rodei um bocado de fóruns, vi uns vídeos também até concatenar tudo e chegar ao resultado que queria e sei que pode ajudar a uma galera que venha procurando algo similar: eu estava tentando fazer o site mostrar "online" e "offline", trocando as imagens, de acordo com hora do dia (dentre 9am até 6pm); e dia da semana (seg à sex)

Segue como ficou o script:

      <script type="text/javascript">

      var now = new Date();
      var today = now.getDay();
      var startTime = new Date();
      startTime.setHours(09);
      startTime.setMinutes(00);
      startTime.setSeconds(00);
      var endTime = new Date();
      endTime.setHours(18);
      endTime.setMinutes(00);
      endTime.setSeconds(00);
      var on = '<img src="imgs/atend-on.png">';
      var off = '<img src="imgs/atend-off.png">';


      if ((today > 0) && (today < 6) && (now > startTime) && (now < endTime))
      {document.write(on);}
      else
      {document.write(off);}

      </script>

 

Grande abraço!!

Editado Abril 21, 2017 por thiagowwz
percepção de um erro cometido