En primer lugar bienvenido a FDW @Mariianooh,
te explico, con lo que estás haciendo no llegas a ninguna parte.
Se hace así, analizá las condiciones para ver en que rango de horas debe cambiar la imagen, en particular el último. Asi vas a tener 3 bloques de tiempo de 8 horas cada uno cubriedo las 24 horas del dia
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <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';
}
if ((hora >= 15)&&(hora <= 22)) { //15,16,17,18,19,20,21,22
banner_logo.src = 'sfondo07.jpg';
}
if ((hora >= 23)||(hora < 7)){ //23,0,1,2,3,4,5,6
banner_logo.src = 'sfondo06.jpg';
}
}
//]]>
<body onload="banner();">
<img src="sfondo03.jpg" id="banner" alt="" />
Saludos