Iniciar sesión
Crear cuenta
Crear cuentaCrear cuenta(5)(5)<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="estilo.css" type="text/css" rel="stylesheet">
</head>
<body>
...
</body>
</html>
<script>
var date = new Date;if(date.getHours()>=21)
{var link=document.createElement("link");
link.type="text/css";
link.rel="stylesheet";
link.href="estiloNoche.css";
link.media="all";
var head=document.getElementsByTagName('head')[0];
head.appendChild(link);
}</script>
Comentarios sobre la versión: Versión 1.0 (5)
.element{color:red;}
en la segunda hoja de estilos (la que añades desde javascript puede tener:
.element{color:green!important;}
con lo que modificarias todos los elementos que tengan la clase "element"
var linkNode = document.getElementsByTagName('link')[1];
linkNode.parentNode.removeChild(linkNode);
En principio, el código solo pone el nuevo estilo cuando pasa de las 21:00 pero si lo ejecutas a partir de las 24:00 ya no lo carga...