如何在js中创建一个类似于sleep的延迟（）

Question

我需要在js中创建一个延迟。我可以使用setTimeout但代码继续执行。在延迟期间，我希望脚本什么都不做。有没有办法做到这一点？ 更清楚： 例如。如果我正在做两个动画。

1）第一个动画。 2）延迟（一秒钟没有做任何事） 3）第二部动画。

编辑：

第一部动画：

  function animateScreen() {
  var audio = new Audio("http://www.sounds.beachware.com/2illionzayp3may/illwavul/CLNKBEEP.mp3");
  $("body").toggleClass("wrongSeries");
  audio.play();
}

function wrongChoice() {

  animateScreen();
  setTimeout(animateScreen, 100);

}

2）延迟

3）第二部动画：

animateYellow(true);
      setTimeout(function() {
        animateYellow(false);
      }, 500);



function animateYellow(lightup) {

  if (lightup) {
    var audio = new Audio("https://s3.amazonaws.com/freecodecamp/simonSound4.mp3");
    audio.play();
  }
  $("#4").toggleClass("animateYellow");

}

这是我目前正在使用的代码。第二个动画存在四种不同的颜色。