Skip to main content

¿Cómo rotar imágenes usando clearinterval para ver imágenes en secuencia?

var interval;

 
function mostrarImagenes(){
     imagenes = ['imagen1', 'imagen2', 'imagen3'];
     numeroAleatorio = Math.random();
            numeroMultiplicado = numeroAleatorio*2;
            numeroRedondeado = Math.round(numeroMultiplicado);
           

            verImagen.innerHTML = '<img src="imagenes/'+imagenes[numeroRedondeado]+'.png">';
  verImagen = document.getElementById('verImagen');
    if (imagenes==0){
       
                  imagenes = 'imagen1';
            }
            else if(imagenes==1){
                  imagenes = 'imagen2';
            }
            else if(imagenes==2){
                imagenes = 'imagen3';
            }else{
            clearInterval(interval)
            interval = setInterval(mostrarImagenes, 2000);

        }
    
 
 }

 mostrarImagenes();
        

mostrarImagenes();

  • necesitoNecesito que se roten tres imágenes , y que al llegar a la tercera imagen , se vuelva a comenzar de nuevo desde la primera a la tercera , el clearintervalclearinterval no me funciono  ,con con este código si rotanrotan pero random

rotar imágenes usando clearinterval para ver imágenes en secuencia?

var interval;

 
function mostrarImagenes(){
     imagenes = ['imagen1', 'imagen2', 'imagen3'];
     numeroAleatorio = Math.random();
            numeroMultiplicado = numeroAleatorio*2;
            numeroRedondeado = Math.round(numeroMultiplicado);
           

            verImagen.innerHTML = '<img src="imagenes/'+imagenes[numeroRedondeado]+'.png">';
  verImagen = document.getElementById('verImagen');
    if (imagenes==0){
       
                  imagenes = 'imagen1';
            }
            else if(imagenes==1){
                  imagenes = 'imagen2';
            }
            else if(imagenes==2){
                imagenes = 'imagen3';
            }else{
            clearInterval(interval)
            interval = setInterval(mostrarImagenes, 2000);

        }
    
 
}

mostrarImagenes();

  • necesito que se roten tres imágenes , y que al llegar a la tercera imagen , se vuelva a comenzar de nuevo desde la primera a la tercera , el clearinterval no me funciono  ,con este código si rotan pero random

¿Cómo rotar imágenes usando clearinterval para ver imágenes en secuencia?

var interval;

 
function mostrarImagenes(){
     imagenes = ['imagen1', 'imagen2', 'imagen3'];
     numeroAleatorio = Math.random();
            numeroMultiplicado = numeroAleatorio*2;
            numeroRedondeado = Math.round(numeroMultiplicado);
           

            verImagen.innerHTML = '<img src="imagenes/'+imagenes[numeroRedondeado]+'.png">';
  verImagen = document.getElementById('verImagen');
    if (imagenes==0){
       
                  imagenes = 'imagen1';
            }
            else if(imagenes==1){
                  imagenes = 'imagen2';
            }
            else if(imagenes==2){
                imagenes = 'imagen3';
            }else{
            clearInterval(interval)
            interval = setInterval(mostrarImagenes, 2000);

        }
    
 }

 mostrarImagenes();
        
  • Necesito que se roten tres imágenes , y que al llegar a la tercera imagen , se vuelva a comenzar de nuevo desde la primera a la tercera , el clearinterval no me funciono, con este código si rotan pero random
Origen Enlace

rotar imágenes usando clearinterval para ver imágenes en secuencia?

var interval;

 
function mostrarImagenes(){
     imagenes = ['imagen1', 'imagen2', 'imagen3'];
     numeroAleatorio = Math.random();
            numeroMultiplicado = numeroAleatorio*2;
            numeroRedondeado = Math.round(numeroMultiplicado);
           

            verImagen.innerHTML = '<img src="imagenes/'+imagenes[numeroRedondeado]+'.png">';
  verImagen = document.getElementById('verImagen');
    if (imagenes==0){
       
                  imagenes = 'imagen1';
            }
            else if(imagenes==1){
                  imagenes = 'imagen2';
            }
            else if(imagenes==2){
                imagenes = 'imagen3';
            }else{
            clearInterval(interval)
            interval = setInterval(mostrarImagenes, 2000);

        }
    

}

mostrarImagenes();

  • necesito que se roten tres imágenes , y que al llegar a la tercera imagen , se vuelva a comenzar de nuevo desde la primera a la tercera , el clearinterval no me funciono ,con este código si rotan pero random