Cita:
Iniciado por paxarin
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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="estilos1.css" media="screen" id="hojadeestilos" /> <script type="text/javascript"> //<![CDATA[
function banner() {
var hoy = new Date();
var hora = hoy.getHours();
var banner_logo = document.getElementById('banner');
if((hora >= 7)&&(hora <= 14)) { // 7,8,9,10,11,12,13,14
banner_logo.src = 'sfondo03.jpg';
document.getElementById('hojadeestilos').href='estilos1.css';
}
if((hora >= 15)&&(hora <= 22)) { // 15,16,17,18,19,20,21,22
banner_logo.src = 'sfondo07.jpg';
document.getElementById('hojadeestilos').href='estilos2.css';
}
if((hora >= 23)||(hora < 7)){ // 23,0,1,2,3,4,5,6
banner_logo.src = 'sfondo06.jpg';
document.getElementById('hojadeestilos').href='estilos3.css';
}
}
//]]>
<body onload="banner();"> <img src="sfondo03.jpg" id="banner" alt="" />
Este ejemplo hace una rotación cada 8 horas.
Tendrás que adaptarla a tu necesidad
Saludos