Retroceder en una función

Folter · #1 (**permalink**) 07/01/2010, 02:04

Hola, quiero que cuando una función llega hasta el final vuelva al principio. La función es la siguiente:

$(document).ready(function(){
$("#artist_1").show();
setTimeout(function(){
$("#artist_1").hide();
$("#artist_2").show();
setTimeout(function(){
$("#artist_2").hide();
$("#artist_3").show();
setTimeout(function(){
$("#artist_3").hide();
$("#artist_4").show();
}, 5000);
}, 5000);
}, 5000);
});

O sea, cuando llegue hasta mostrar el artist_4 que vuelva a artist_1. He probado con "return true;" pero tampoco se exactamente como funciona. Espero que alguien me eche una mano :P

Saludos.

Dany_s · #2 (**permalink**) 07/01/2010, 04:51

setInterval ejecuta cada x segundos y setTimeout una sola vez después de x segundos, para suspender clearInterval y clearTimeout

Código HTML:

<html>
<head>
    <title>Prueba</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        $(function (){
            setInterval("mostrar()",1000);
        });
        var i = 0;
        function mostrar (){
            $('#cont').append("ejecucion "+ (++i)+"<br />");
        }
    </script>
</head>
<body>
    <div id="cont"></div>
</body>
</html>

mayid · #3 (**permalink**) 07/01/2010, 08:45

es simple. Encapsulas todo en una funcion redundante:

Cita:

function infinita() {

// codigo a ejecutar

infinita(); // llamada a la funcion dentro de la funcion, lo cual la hace infinita

};

Folter · #4 (**permalink**) 07/01/2010, 08:46

Gracias por responder, pero eso no vuelve al principio

Folter · #5 (**permalink**) 07/01/2010, 08:50

He probado lo tuyo Mayid y no funciona, lo he puesto de esta manera, no se si esta bien

Cita:

$(function infinita() {
$("#artist_1").show();
setTimeout(function(){
$("#artist_1").hide();
$("#artist_2").show();
setTimeout(function(){
$("#artist_2").hide();
$("#artist_3").show();
setTimeout(function(){
$("#artist_3").hide();
$("#artist_4").show();
}, 5000);
}, 5000);
}, 5000);

infinita();
});

Dany_s · #6 (**permalink**) 07/01/2010, 09:27

funciona de las 2 formas, capaz que no lo implementas bien

copia el código y ejecutalo vas a ver como sale el alerta que dice principio y final una y otra vez, puse cada 3 segundos para que lo puedas cerrar, si queres pone 0

Código HTML:

<html>
<head>
    <title>Prueba</title>
    <script type="text/javascript">
        function mostrar (){
            alert("Estoy en el principio de la funcion mostrar()");
            alert("Estoy en el final de la funcion mostrar()");
        }
        //setInterval("mostrar()",3000);
    </script>
</head>
<body>
    <div id="cont"></div>
</body>
</html>

y con lo de mayid tambien funciona, si no funciona imprimiria solo una vez jeje
(ojo que vas a tener que cerrar con el administrador de tareas)

Código HTML:

<html>
<head>
    <title>Prueba</title>
    <script type="text/javascript">
        function mostrar (){
            alert("Estoy en el principio de la funcion mostrar()");
            alert("Estoy en el final de la funcion mostrar()");
            mostrar()
        }
        mostrar();
    </script>
</head>
<body>
    <div id="cont"></div>
</body>
</html>

mayid · #7 (**permalink**) 07/01/2010, 10:12

Cita:

$(function infinita() {

Eso no va.

Ademas, es necesario que la funcion sea leida una vez, pero no ejecutada. Es decir, tiene que ir dentro de un domready, para ejecturse recien al terminar de cargar la pagina:

Cita:

$(document).ready(function(){

function infinita() {
$("#artist_1").show();
setTimeout(function(){
$("#artist_1").hide();
$("#artist_2").show();
setTimeout(function(){
$("#artist_2").hide();
$("#artist_3").show();
setTimeout(function(){
$("#artist_3").hide();
$("#artist_4").show();
}, 5000);
}, 5000);
}, 5000);

infinita();
}

});

Igual, yo super desrecomiendo un loop infinito.