Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Как вывести элементы по очереди каждый через несколько секунд? (https://javascript.ru/forum/jquery/73904-kak-vyvesti-ehlementy-po-ocheredi-kazhdyjj-cherez-neskolko-sekund.html)

AsceticTr 27.05.2018 14:24

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

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

j0hnik 27.05.2018 14:31

var arr=[1,2,3,4,5], i = 0;
(function fn(){
	$('#block_info').append(arr[i++]);
	if (i<arr.length) setTimeout(fn,10000);
})();

рони 27.05.2018 16:52

вывести элементы по очереди jquery
 
AsceticTr,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
var arr=[1,2,3,4,5];
  jQuery.each(arr,function(i,item) {
        $('#block_info').delay(10000)
            .queue(function () {
        $(this).append(item).dequeue();
      });
    });
});
  </script>
</head>

<body>
<div id="block_info"></div>

</body>
</html>

рони 27.05.2018 16:59

Цитата:

Сообщение от AsceticTr
Как вывести элементы по очереди

на всякий случай про jQuery.each ...
Цитата:

Сообщение от AsceticTr
jQuery.each(arr,function(index,item)



Часовой пояс GMT +3, время: 02:43.