Utilizamos cookies propias y de terceros para mejorar la experiencia de navegación, y ofrecer contenidos y publicidad de interés.
Al continuar con la navegación entendemos que se acepta nuestra política de cookies.
Iniciar sesión Cerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Crear cuenta

Cargar una hoja de estilo diferente dependiendo de la hora

Titulo:localCargar una hoja de estilo diferente dependiendo de la hora
Autor:xavi (prog1000@hotmail.com)
Lenguaje:JavaScript
Código que muestra como crear y añadir un elemento en la cabecera de la web (head). En este caso, el ejemplo es como crear un elemento del tipo styleshet para cargar una u otra pagina de estilos dependiendo de la hora.
Comentarios: 0 Comentar Recomendar

<html> <head> <script language="JavaScript"> var fecha = new Date(); var hora = fecha.getHours(); /* Definimos el estilo */ var style=document.createElement("link"); style.rel="stylesheet"; style.type="text/css"; if(hora>=18 && hora<=8)//css desde las 18pm hasta las 8am { /* Definimos el estilo de noche */ style.href="style_noche.css"; }else{ /* Definimos el estilo del dia */ style.href="style_dia.css"; } /* Añadimos el estilo a la cabecera */ document.head.appendChild(style); </script> </head> <body> texto </body> </html>