暂停/恢复一系列fadeIn / fadeOuts

时间:2017-09-07 10:44:25

标签: jquery

假设我有一系列div(#scene1,#scene2,#scene3等)在一个函数中一个接一个地淡入/淡出,有什么方法可以点击按钮暂停这些fadein / outs然后再恢复它们?

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之间暂停,然后再按一个按钮?可能有三个以上的场景,暂停/恢复可能在任何时候发生。感谢。

1 个答案:

答案 0 :(得分:2)

根据上面的@nicoSantangelo和@ freedomn -m评论,我的回答是使用暂停插件:pause/resume jquery .animate()?

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