I am using a javascript code that updates the speaker's picture according to the day of the week and the time it is on the air. However this only happens when the page is updated (F5). Would you like to know what I need to add in the code to update the images happen automatically, without the need to update the entire site? Here is the code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function rodarImagens(){
var current = new Date();
var agora = current.getDay();
var hora = current.getHours();
var minutos = current.getMinutes();
switch (agora){
case 0: //domingo
if(hora >= 0 && hora < 6){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 6 && hora < 9){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 9 && hora < 12){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 12 && hora < 13){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 13 && hora < 17){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 17 && hora < 18){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 18 && hora < 24){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
break
case 1: //segunda
if(hora >= 0 && hora < 7){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 7 && hora < 9){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 9 && hora < 12){ document.write('<img src="/site103fm/imagenshorario/locutor1.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 12 && hora < 14){ document.write('<img src="/site103fm/imagenshorario/locutor2.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 14 && hora < 16){ document.write('<img src="/site103fm/imagenshorario/locutor3.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if (hora == 16 && minutos < 40){document.write('<img src="/site103fm/imagenshorario/locutor3.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if (hora == 16 && minutos >= 40){document.write('<img src="/site103fm/imagenshorario/locutor4.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 17 && hora < 19){ document.write('<img src="/site103fm/imagenshorario/locutor4.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 19 && hora < 24){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
break
case 2: //terça
if(hora >= 0 && hora < 7){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 7 && hora < 9){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 9 && hora < 12){ document.write('<img src="/site103fm/imagenshorario/locutor1.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 12 && hora < 14){ document.write('<img src="/site103fm/imagenshorario/locutor2.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 14 && hora < 16){ document.write('<img src="/site103fm/imagenshorario/locutor3.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if (hora == 16 && minutos < 40){document.write('<img src="/site103fm/imagenshorario/locutor3.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if (hora == 16 && minutos >= 40){document.write('<img src="/site103fm/imagenshorario/locutor4.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 17 && hora < 19){ document.write('<img src="/site103fm/imagenshorario/locutor4.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 19 && hora < 24){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
break
case 3: //quarta
if(hora >= 0 && hora < 7){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 7 && hora < 9){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 9 && hora < 12){ document.write('<img src="/site103fm/imagenshorario/locutor1.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 12 && hora < 14){ document.write('<img src="/site103fm/imagenshorario/locutor2.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 14 && hora < 16){ document.write('<img src="/site103fm/imagenshorario/locutor3.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if (hora == 16 && minutos < 40){document.write('<img src="/site103fm/imagenshorario/locutor3.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if (hora == 16 && minutos >= 40){document.write('<img src="/site103fm/imagenshorario/locutor4.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 17 && hora < 19){ document.write('<img src="/site103fm/imagenshorario/locutor4.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 19 && hora < 24){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
break
case 4: //quinta
if(hora >= 0 && hora < 7){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 7 && hora < 9){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 9 && hora < 12){ document.write('<img src="/site103fm/imagenshorario/locutor1.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 12 && hora < 14){ document.write('<img src="/site103fm/imagenshorario/locutor2.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 14 && hora < 16){ document.write('<img src="/site103fm/imagenshorario/locutor3.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if (hora == 16 && minutos < 40){document.write('<img src="/site103fm/imagenshorario/locutor3.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if (hora == 16 && minutos >= 40){document.write('<img src="/site103fm/imagenshorario/locutor4.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 17 && hora < 19){ document.write('<img src="/site103fm/imagenshorario/locutor4.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 19 && hora < 24){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
break
case 5: //sexta
if(hora >= 0 && hora < 7){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 7 && hora < 9){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 9 && hora < 12){ document.write('<img src="/site103fm/imagenshorario/locutor1.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 12 && hora < 14){ document.write('<img src="/site103fm/imagenshorario/locutor2.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 14 && hora < 16){ document.write('<img src="/site103fm/imagenshorario/locutor3.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if (hora == 16 && minutos < 40){document.write('<img src="/site103fm/imagenshorario/locutor3.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if (hora == 16 && minutos >= 40){document.write('<img src="/site103fm/imagenshorario/locutor4.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 17 && hora < 19){ document.write('<img src="/site103fm/imagenshorario/locutor4.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 19 && hora < 24){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
break
case 6: //sábado
if(hora >= 0 && hora < 8){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 8 && hora < 10){ document.write('<img src="/site103fm/imagenshorario/operador .png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 10 && hora < 12){ document.write('<img src="/site103fm/imagenshorario/locutor1.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 12 && hora < 13){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 13 && hora < 17){ document.write('<img src="/site103fm/imagenshorario/locutor5.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 17 && hora < 19){ document.write('<img src="/site103fm/imagenshorario/locutor3.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
if(hora >= 19 && hora < 24){ document.write('<img src="/site103fm/imagenshorario/operador.png" style="right:6px;margin-top:7px;position: absolute; z-index: 99999999;"/>');}
break
}
}
</script>
</head>
<body>
<p><script>rodarImagens();</script></p>
</body>
</html>