同步函数 javascript

Question

我得到了这段代码，它应该在重复的赞助人之后切换元素，它会随机增长，我的 start 函数同时执行我的 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")