одновременные функции javascript

Question

Я получил этот код, он должен переключать элементы, следуя за повторяющимся покровителем, который будет расти случайным образом, моя функция запуска выполняет мою функцию runp() одновременно, и она становится все беспорядочной. мне нужно будет дождаться завершения runp(), чтобы продолжить выполнение. Благодаря

function runp(patron){ 
    var x = 0; 
    var intervalID = setInterval(function() { 
    $("#container"+patron[x]).toggle(1).delay(1000).toggle(1).delay(1000);  

    if (++x === 20) { 
     window.clearInterval(intervalID); 
    } 
    }, 2000); 
} 

function start(patron, patronl){  
    while (patron.length<20){ 
    patron.push(rand(1,4)); 
    runp(patron); 
    } 
} 

Answer 1

Вы можете использовать .queue()

// alternatively pass randomly shuffled array of elements to `$.map()` 
$({}).queue("toggle", $.map($("[id^=container]"), function(el) { 
    return function(next) { 
    return $(el).toggle(1).delay(1000).toggle(1).delay(1000) 
      .promise().then(next) 
    } 
})).dequeue("toggle")