Hola a tod@s,
Estoy intentando programar una aplicación que muestre una imagen cada segundo y he llegado a algo así:
Código:
<html>
<head>
<title>Imagenes que cambian cada cierto tiempo</title>
<script language="JavaScript">
var i=1;
setTimeout("cambio()",1000);
function cambio() {
if(i==1) {
document.write("<img src='imagen1.png'>");
i=i+1;
}
else if (i==2) {
document.write("<img src='imagen2.png'>");
i=i+1;
}
else if (i==3) {
document.write("<img src='imagen3.png'>");
i=1;
}
setTimeout("cambio()",1000);
}
</script>
</head>
<body onload="cambio()">
</body>
</html>
Sin embargo, sólo me muestra la primera imagen y no va mostrando las otras dos cada segundo que pasa.
¿Alguien sabe cuál puede ser el error y cómo solucionarlo? Quiero hacerlo así porque pretendo utilizar esta estructura para mostrar otro tipo de elementos (que vaya apareciendo cada segundo la temperatura de las principales ciudades de España).
Muchas gracias por vuestra ayuda ;)