0

necesito su ayuda. Tengo esta funcion en jquery que hace desaparecer un div y hace aparecer la siguiente, pero al llegar al final me gustaria que la funcion se regrese al primer div, tipo slider.

 $('div[xx="deporte"]').hide(); // hide all slides
                  $('div[xx="deporte"]:first-child').show(); // show first slide
                  setInterval(function () {
                        $('div[xx="deporte"]:first-child').hide()
                              .next('div[xx="deporte"]').show()
                              .end().appendTo('body');
                  },
            5000); // slide duration

Agradezco mucho su ayuda

4 respuestas 4

0

Podrías usar el concepto de recursividad, crea una función y coloca todo dentro y al final llama a la misma función:

Ejemplo:

function hide_slides(){
  $('div[xx="deporte"]').hide(); // hide all slides
  $('div[xx="deporte"]:first-child').show(); // show first slide
  setInterval(function () {
    $('div[xx="deporte"]:first-child').hide()
    .next('div[xx="deporte"]').show()
    .end().appendTo('body');
  },5000); // slide duration
  
   //Cunado termine todo el código de arriba se llama a si misma la función
   
   hide_slides()
}

Intenta a ver si soluciona tu problema.

1
  • No funciona, despues del primer slider no se muestra nada mas
    – Carlos
    el 18 jul. 2019 a las 17:52
0

No soy experto en Javascript pero podrías usar un while definiendo la cantidad de veces que vas a realizar la función

n = 0;
while (n < 3) {
hide_sides();
n ++;
}

function hide_slides(){
$('div[xx="deporte"]').hide(); // hide all slides
$('div[xx="deporte"]:first-child').show(); // show first slide
setInterval(function () {
$('div[xx="deporte"]:first-child').hide()
.next('div[xx="deporte"]').show()
.end().appendTo('body');
},5000); // slide duration

}

Cuéntame si mi respuesta fue acertada.

2
  • 1
    Tampoco funciona. En realidad no necesito tener una cantidad de veces definida para ejecutar la funcion. Debe ejecutarse en un loop infinito. Porque lo que hace es pasar de un div a otro y cuando llega al ultimo div se detiene. Lo que quiero es que vuelva al primero.
    – Carlos
    el 18 jul. 2019 a las 18:08
  • Si, entiendo tu punto, pero creo que con el while seria lo mas acertado, solo que en lugar de tener una cantidad definida podrías poner una variable en la condición del while y dentro del while incrementarla en uno cada vez que este se ejecuta, logrando que sea infinito.
    – Artudoxo
    el 18 jul. 2019 a las 18:11
0

si necesitas pasar por las etiquetas hat una opcion muy valida y es usar el each de jquery.

$('#IngresarForm input').each((key, value)=>{
console.log(value)
})

creo que es algo asi, eso te retornara los inputs de un formulario

0

Si pones first-child dentro de la función del intervalo no se si vas a poder. Podes declarar una int, usar la pseudoclase nth-child() y un pequeño if para reiniciarlo, te quedaría algo como:

var contador=1;
setInterval(function () {
    $('div[xx="deporte"]:nth-child('+contador+')').hide()
      .next('div[xx="deporte"]').show()
      .end().appendTo('body');
    if(contador==$('div[xx="deporte"]').length)contador=1;
    else contador++;
  },
  5000);

Me desconcierta el appendTo('body') así que no estoy seguro de cómo funciona tu markup, pero podés aplicar el mismo concepto de la manera que necesites. c:

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.