Как вывести элементы по очереди каждый через несколько секунд?

Question

[AlexSer]

Как вывести элементы по очереди каждый через несколько секунд? Делаю через delay, но не работает

var arr=[1,2,3,4,5];
  jQuery.each(arr,function(item) {
            $('#block_info').delay(10000).append(item);
        
    });

Answer 1

[Владимир Проскурин]

delay не работает с append, лучше делать по классике, через setTimeout

var arr=[1,2,3,4,5];
for(let i = 0; i < arr.length; i++) { // Используем let а не мфк
   let item = arr[i];
   setTimeout(function() {
      $('#block_info').append(item);
   }, 10000*i); // Каждый n-элемент будет появляться через 10*n секунд. 
}

Answer 2

[Ziggy Pop]

Метод delay() нужно использовать совместно с методом queue(), тогда все получится.

var arr = [1, 2, 3, 4, 5];

$.each(arr, (item, val) => {
  $('#block_info')
    .delay(1000)
    .queue(next => {
      $('#block_info').append(val);
      next();
    });
});

Успехов!