Hola
turcoale:
Evidentemente trabajas con la hora del cliente, ya sea de España, de Brasil o de Etiopía, eso tienes que tenerlo claro. En el mismo instante todos tienen horas distintas.
Para cambiar el src de una imagen
al vuelo sin recargar la página debes hacer:
Código PHP:
document.getElementById("idDeLaImagen").setAttribute("src", "ruta/foto.jpg");
Si tienes una función que controle las horas tipo:
Código PHP:
function controlaHoras() {
var ahora=new Date().getHours();
switch(ahora) {
case 0,1: source = "img1.jpg"; break;
case 2,3: source = "img2.jpg"; break;
// ....
}
}
Sólo tienes que llamar a
controlaHoras() cada cierto tiempo, por ejemplo cada minuto. Eso se hace con
setInterval("controlaHoras()", 1*60*1000);, y entonces se actualizará solo.
Recargar el documento automáticamente, bien sea mediante javascript, o mediante <meta> es una práctica que debe despreciarse por ser muy invasiva al usuario (¡imagínate que está leyendo una cosa y le recargas el documento!).
Con esa sencilla operación te debería bastar.
PD: No entiendo eso de
if (h > 0,01), el método
getHours() devuelve un entero: será 0,1,2,3... nunca tendrá decimales, así que
h>0.01 será
true siempre que
h>0 en este caso. Simplifica.