Jquery 暂停/恢复一系列淡出/淡出

假设我有一系列正在淡入/淡出的div（#scene1、#scene2、#scene3等），在一个函数中一个接一个地淡入/淡出，有没有办法单击按钮暂停这些淡入/淡出，然后再次恢复

fooBar() {
  $("#scene1").fadeIn(500, function() {     
    $("#scene1").delay(5000).fadeOut(500, function() {          
      $("#scene2").delay(1000).fadeIn(500, function() {             
        $("#scene2").delay(5000).fadeOut(500, function() {    
          $("#scene3").delay(5000).fadeIn(500, function() {    
          });
        });
      });
    });
  });
}

---

所以，基本上，点击一个按钮在#scene2/#scene3之间暂停，然后点击另一个按钮继续？可能有三个以上的场景，暂停/恢复可能在任何时候发生。谢谢。

根据上面@nicoSantangelo和@freedomn-m的评论，我的答案是使用暂停插件：

---

我不知道。fadeIn/.fadeOut方法使用的是伪装的动画调用。

快速搜索SO会显示许多类似的问题，但它们都推荐使用第三方插件。例如：@freedomn-m我认为只有当我使用.animate时，它们还会使用.fadeIn/.fadeOut吗？@Martin fadeIn/fadeOut是一个伪装的动画调用。尝试打开控制台并键入

jQuery（）。淡出

，您将得到：

（a，c，d）{返回这个。动画（b，a，c，d）}

@NicoSantangelo谢谢。我刚刚在控制台中确认了这一点；我没有意识到情况是这样的。