Hola, cómo puedo recorrer un array pero cada cierto tiempo? Por ejemplo, tengo un array con imagenes y quiero que se muestre cada una de las imagenes cada 10s. Lo he intendado con setTimeout y demás pero no lo he podido lograr.
entre Desarrolladores
Recibe ayuda de expertos
Registrate y pregunta
Es gratis y fácil
Recibe respuestas
Respuestas, votos y comentarios
Vota y selecciona respuestas
Recibe puntos, vota y da la solución
Pregunta
2 Respuestas
Quizá no estés usando bien el setTimeout, acá hice algo que creo que es lo que buscas.
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<script type="text/javascript">
var arrayImagenes = new Array();
arrayImagenes[0] = "http://caroufredsel.dev7studios.com/examples/images/small/sunbading.jpg";
arrayImagenes[1] = "http://caroufredsel.dev7studios.com/examples/images/small/cupcackes.jpg";
arrayImagenes[2] = "http://caroufredsel.dev7studios.com/examples/images/small/paris.jpg";
arrayImagenes[3] = "http://caroufredsel.dev7studios.com/examples/images/small/basketball.jpg";
var contador = 0;
window.onload = function(){
cambiarImagen();
}
cambiarImagen = function(){
if(contador == arrayImagenes.length){
contador = 0;
}
document.getElementById("imagenes").src = arrayImagenes[contador];
contador++;
setTimeout(cambiarImagen, 2000);
}
</script>
</head>
<body>
<div>
<img src="" alt="" id="imagenes">
</div>
</body>
</html>Cambia el tiempo del setTimeout por el tiempo que creas conveniente, en tu caso sería 10000 milisegundos.
setTimeout solo se ejecutara una vez luego de determinado intervalo, lo que buscas seguramente es setInterval.
De alguna forma necesitas mantener el estado del ultimo elemento del array mostrado, asi que para mantenerlo y no utilizar una variable global lo mejor es englobar en un objeto.
<img id='cont' />
<script>
var slider = {
IMG: [ 'img1.jpg', 'img2.jpg', 'img3.jpg', 'img4' ],
TIME: 5000,
_ultimo: 0,
init: function() {
var that = this;
this.t = setInterval(that.change, this.TIME);
},
stop: function() {
stopInterval(this.t);
},
_change: function() {
this.ultimo++;
document.getElementById('cont').src = this.IMG[this.ultimo % this.img.length];
}
};
slider.init();
</script>Por favor, accede o regístrate para responder a esta pregunta.
Actividad Reciente
alyvrs preguntó Oct 19
Ayuda , necesito mostrar datos creados solo por el…ManHol preguntó Jul 9
pasar un archivo de excel a csv en pythonArtEze respondió Abr 24
Alguien sabe, no me ignorenArtEze seleccionó una respuesta Abr 24
Bajar extensión de Chrome sin actualizar el navega…ArtEze respondió Abr 24
Bajar extensión de Chrome sin actualizar el navega…ArtEze preguntó Abr 24
Bajar extensión de Chrome sin actualizar el navega…ArtEze respondió Abr 24
No me deja instalar OracleArtEze respondió Abr 24
Formulario que guarde los datos de un jsonArtEze comentó Abr 24
Script /boot/ scrapingSantiago2610 comentó Mar 23
Acualizar ChoiceField en django
Ultimas Preguntas
Usuarios Top
- Leonardo-Tadei
- 227320 Puntos
- Peter
- 150480 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos