Ver Mensaje Individual
  #6 (permalink)  
Antiguo 02/07/2012, 13:48
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 7 meses
Puntos: 1567
Respuesta: Cambiar imagen y css dependiendo de la hora

Cita:
Iniciado por paxarin Ver Mensaje
Por algun extraño motivo no funciona.
la llamo a la funcion desde el body
Código:
<script language="JavaScript">
 function css(){
   fecha = new Date();
   hora = fecha.getHours();
    
   if(hora>=19 && hora<=8){//css desde las 19 hasta las 8 am
	  document.getElementById('noche').href='css/style_noche.css';
   }
   }
</script>
<body onLoad="inicio(); css()">
Y el link al css es
<link rel="stylesheet" href="css/style_noche.css" id="noche" />
Por más cosas que prove la verdad no funciona cosa extraña la verdad, ya que esta funcion la use en una web y si cambia las imagenes
Esto ya lo contesté un par de veces, pero no recuerdo dónde, asi que lo pongo otra vez

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <link rel="stylesheet" type="text/css" href="estilos1.css" media="screen" id="hojadeestilos" />
  7. <script type="text/javascript">
  8. //<![CDATA[
  9. function banner() {
  10. var hoy = new Date();
  11. var hora = hoy.getHours();
  12. var banner_logo = document.getElementById('banner');
  13. if((hora >= 7)&&(hora <= 14)) { // 7,8,9,10,11,12,13,14
  14. banner_logo.src = 'sfondo03.jpg';
  15. document.getElementById('hojadeestilos').href='estilos1.css';
  16. }
  17. if((hora >= 15)&&(hora <= 22)) { // 15,16,17,18,19,20,21,22
  18. banner_logo.src = 'sfondo07.jpg';
  19. document.getElementById('hojadeestilos').href='estilos2.css';
  20. }
  21. if((hora >= 23)||(hora < 7)){ // 23,0,1,2,3,4,5,6
  22. banner_logo.src = 'sfondo06.jpg';
  23. document.getElementById('hojadeestilos').href='estilos3.css';
  24. }
  25. }
  26. //]]>
  27. </head>
  28. <body onload="banner();">
  29. <h1>Demo</h1>
  30. <img src="sfondo03.jpg" id="banner" alt="" />  
  31. </body>
  32. </html>


Este ejemplo hace una rotación cada 8 horas.
Tendrás que adaptarla a tu necesidad
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.