Detener un bucle por 5 segundos

[wilmer30]

Hola,

Necesito que el bucle se detenga por 5 segundos, para mostrar todos los contenidos uno a uno, este mi código:

Código Javascript:

$(document).ready(function() {   
  function poll() {
    setTimeout(function() {
        $.ajax({
            url: "sum.php",
            type: "POST",
            success: function(data) {
                $.each(data, function( key, value ) {
                    var output = "";
                    $.each( value, function ( userkey, uservalue) {
                        output += '<ul>';
                        output += '<li>' + userkey + ': ' + uservalue + "</li>";
                        output += '</ul>';
                    });
                    $("#counter").html(output);
                    setTimeout(true,5000); //Aqui debe detenerse
                });
            },
            dataType: "json",
            complete: poll,
            // timeout: 5000,
        }) 
    }, 5000); 
  };
  poll();
 
});
 

Actualmente me muestra el resultado pero sólo el último contenido.

Gracias por su ayuda

[PHPeros]

Podrías probar con .delay(), pero la parte:

Código Javascript:

$("#counter").html(output);
 

deberías añadirla dentra de la función de each para que se ejecute.

[wilmer30]

Delay() se aplica para detener un tiempo de una cola (diría entre una y otra cola), lo cual no se aplica en mi caso por que lo que muestro son datos de un json.

ahora el $("#counter").html(output); si se debe quedar ahi por que el json es de dos dimensiones:

[Object { id="8", artist="Ernesto Douglas", title="Laureles"}, Object { id="7", artist="David rugeles", title="Laureles"}, Object { id="6", artist="David Aratia", title="Laureles"}, Object { id="5", artist="Gotye", title="Making Mirrors"}, Object { id="4", artist="Lana Del Rey", title="Born To Die"}]

se me ocurre que la única forma de solucionarlo es usando setInterval y setTimeout llamando a funciones separadas.

Si tienen algún enlace que pueda ayudarme lo agradeceré mucho.

Saludos

[wilmer30]

Esta solución me parece buena

Código Javascript:

$(document).ready(function() {   
  function poll() {
    setTimeout(function() {
        $.ajax({
            url: "sum.php",
            type: "POST",
            success: function(data) {
                $.each(data, function( key, value ) {
                    var output = "";
                    output = setInterval(ciclo(value),1000);
                    $("#counter").html(output);
                    // setTimeout(true,1000);
                });
            },
            dataType: "json",
            complete: poll,
 
        }) 
    }, 5000); 
  };
  poll();
 
    function ciclo (value) {
        var output = "";
        $.each( value, function ( userkey, uservalue) {
            output += '<ul>';
            output += '<li>' + userkey + ': ' + uservalue + "</li>";
            output += '</ul>';
        });
        return output;
    }    
});
 

pero me dice que el return está mal:

SyntaxError: expected expression, got '<'

<ul><li>id: 8</li></ul><ul><li>artist: Ernesto Douglas</li><

y la verdad no se donde esta el problema