jQuery ile Süre ile Div göster-gizle

erkanpur 1462 gün önce

490 defa görüntülendi ve 1 kişi tarafından değerlendirildi

Merhabalar,

Başlıkda da belirttiğim gibi 3 div i sırayla göster-gizle yapmaya çalışıyorum ancak 2 div de sorun yok 3 girince ortalık bir karıştı. Küçük bir sorun var ancak çözemedim :)

Kodlar aşağıda. Yardımcı olanlara şimiden teşekkürler.

https://jsfiddle.net/erkanpur/k17mzy0w/

jquery

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (2)

erkanpur

1462 gün önce

Çok teşekkürler peki başlangıçtaki bekleme süresini nasıl ayarlarız yani bitince başa dön tarzında 10,5sn çok fazla en alta 10,5 vermeyince de bozuluyor.

#001332

makifgokce

1462 gün önce

setInterval(function(){
  setTimeout(function() { $("#hideDiv").fadeOut(0); }, 3500)
  setTimeout(function() { $("#hideDiv2").fadeIn(0); }, 3500)
  setTimeout(function() { $("#hideDiv2").fadeOut(0); }, 7000)
  setTimeout(function() { $("#hideDiv3").fadeIn(0); }, 7000)
  setTimeout(function() { $("#hideDiv3").fadeOut(0); }, 10500)
  setTimeout(function() { $("#hideDiv").fadeIn(0); }, 10500)
;},10500);

ilk başlangıçta 10.5 sn bekliyor ama sonrasında 3.5 sn ara ile tek tek gözüküyor.

#001331