2017-09-07 13 views
2

フェードイン/アウト、関数内で次々と続く一連のdiv(#scene1、#scene2、#scene3など)があるとしますどのように私はこれらのフェードイン/アウトを一時停止し、それらを再開するためにボタンをクリックすることができますか?一連のfadeIn/fadeOutを一時停止/再開する

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() {  
      }); 
     }); 
     }); 
    }); 
    }); 
} 

ので、基本的には、その後、別のボタンを再開するために、#1 SCENE2 /#のscene3間で一時停止するボタンをクリックしてください? 3つ以上のシーンがあり、一時停止/再開はいつでも実行できます。ありがとう。 @nicoSantangeloと上記の@ freedomn-Mコメント1として

+0

SOのクイック検索では、多くの類似の質問が表示されますが、サードパーティ製のプラグインをお勧めします。例:https://stackoverflow.com/questions/3970835/pause-resume-jquery-animate?rq=1 –

+0

@ freedomn-m私が思ったのは、私が.animateを使用している場合のみで、彼らはまだ.fadeIn/。フェードアウト? – Martin

+0

@Martin fadeIn/fadeOutは、変装のアニメーションコールです。コンソールを開いて 'jQuery()。fadeOut'と入力すると、'(a、c、d){return this.animate(b、a、c、d)} 'と表示されます。 – NicoSantangelo

答えて

2

、私の答えは、一時停止のプラグインを使用していた:pause/resume jquery .animate()?

私は.fadeIn/.fadeOut方法は変装してアニメーションのコールを使用していた知りませんでした。

関連する問題