2017-09-28 7 views
0

フェードインとフェードアウトの間の遅延を得ようとしていますが、うまく動作しません。誰かが私を助けることができる?アレイのフェードイン/アウトに遅延を追加するにはどうすればいいですか

(function animate() {  
    $("#quotes").fadeOut(500, function() { 
    index = (index + 1) % quotes.length; 
    this.textContent = quotes[index]; 
    }).fadeIn(500, animate); 
})(); 
+0

'.delay(interval)'を試しましたか? http://jsfiddle.net/zceKN/116/ – Satpal

+0

ありがとうございました!私はあなたがちょうどそれを.fadeIn(500、アニメーション)パートに追加できることを知りませんでした。ありがとう! –

答えて

0

私はsatpal's回答のおかげで問題解決することができました: あなたは(間隔)を.delayみましたが? jsfiddle.net/zceKN/116

が、これは今、作業コードです:

(function animate() {  
    $("#quotes").fadeOut(500, function() { 
    index = (index + 1) % quotes.length; 
    this.textContent = quotes[index]; 
    }).fadeIn(500, animate).delay(4000); 
})(); 

おかげでたくさん!

0

これで試してみてください。

 (function animate() {  
     $("#quotes").fadeIn('slow', function() { 
     $(this).delay(5000).fadeOut('slow', animate); 
     index = (index + 1) % quotes.length; 
     this.textContent = quotes[index]; 
     }) 
    })(); 
+0

それは消すべきであるようにフェードアウトし、次に再びフェードインします。フェードインした後、それがqoutesを変更します。 –

+0

を消したときに変わるのではなく、コードのフィドルを投稿することができます –

+0

私はそれを.delay() で修正できました。 [https://stackoverflow.com/a/46467710/7636356](https://stackoverflow.com/a/46467710/7636356) –

関連する問題