добавлять теги div после определенного количества раз в javascript / jquery

Question

добавлять теги div после определенного количества раз в javascript / jquery

0

Мне нужно добавить append 10 div-тегов к другому, но мне нужно подождать случайное время до добавления каждого из них, примерно так:

function start()
{
      for (var i= 0; i< 10; i++)
      {
          var time = generateRandomWaitingTime();
          sleep(time);
          $('#div1').append('<div> div num' + i + '</div>');
      }
}

Я пытался реализовать свой собственный сон (время); как здесь, но он не работал со мной, поскольку он висит на любом событии страницы до окончания ожидания (времени)

user2723364 23 сен. 2013, в 16:16

Источник

Теги:

javascript

jquery

3 ответа

Ещё вопросы

Daniel Jones · Answer 1 · 2013-09-23T12-30-00.000Z

setTimout() Кажется, именно то, что вы ищете.

на самом деле setTimeout () не выполняется последовательно, как sleep () .. setTimeout запустится, но не будет удерживать цикл for от продолжения до истечения времени.

Alvaro · Answer 2 · 2013-09-23T11-16-00.000Z

1

Вы должны использовать setTimeout и закрытие:

//closure
var addElement = function(i){
   return function(){
        $('#div1').append('<div> div num' + i + '</div>');
   };
};

function start() {
    for (var i = 0; i < 10; i++) {
        var time = generateRandomWaitingTime();

        setTimeout(addElement(i), time);
    }
}

Живая демонстрация: http://jsfiddle.net/JaR34/

Обновить:

Живая демонстрация: http://jsfiddle.net/JaR34/1/

Alvaro 23 сен. 2013, в 11:16

2

Вы должны использовать закрытие. stackoverflow.com/questions/5226285/...
undefined 23 сен. 2013, в 13:34
0

@ не определено отредактировано. Спасибо за указание на это.
Alvaro 23 сен. 2013, в 13:37
0

он по-прежнему будет выполнять все 10 операторов setTimout (addElement (i), time) одновременно. при условии, что время постоянно 3 сек. например Это даст: подождите 3 секунды. затем добавьте все 10 элементов, пока мне нужно: - подождите 3 секунды. - добавить один элемент - подождать 3 сек. - добавить один элемент - и так далее
user2723364 23 сен. 2013, в 14:31
0

@ user2723364 в этом случае, вы можете использовать setInterval и затем очистить его, как только счетчик достигнет 10: jsfiddle.net/JaR34/1
Alvaro 23 сен. 2013, в 14:50
0

@ Alvaro извините, я не прояснил, что то, что я сказал о предположении, что время является постоянным, было просто для того, чтобы пояснить, что код с setTimeout () не будет выполнять задержку между каждым вызовом addElement (i) в цикле. Мне все еще нужно случайное время, например: «addElement (0) - подождать 2 с. - addElement (1) - подождать 5 с. - addElement (2) - подождать 3 с. -»
user2723364 23 сен. 2013, в 15:02

Показать ещё 3 комментария

maverickosama92 · Answer 3 · 2013-09-23T11-12-00.000Z

попробуй это:

var elements = [1000,2000,3000,4000,5000,6000,7000];

function generateRandomWaitingTime(){

    //will give you random index
    var index = Math.floor((Math.random()*elements.length));
    return (elements[index]);
}

function appendDiv(i){

    var time = generateRandomWaitingTime();

    setTimeout(function () {
       $('#div1').append('<div> div num' + i + '</div>');
    }, time);
}

for (var i = 0; i < 10; i++) {
    appendDiv(i)
}

рабочая скрипка здесь: http://jsfiddle.net/6neFA/1/

попытаться сделать массив элементов иметь только одно значение 2000 для примера. .. страница будет ждать 2 сек. и все div будут добавлены одновременно, мне нужно, чтобы каждый div был добавлен через 2 сек. из предыдущих