SetInterval İlk Yüklenmede 2 Katı Bekliyor? - Sayfa 2

22-09-2023, 11:06:24

#10

Burkaydinn

KOCABAL adlı üyeden alıntı: mesajı görüntüle

İlk intervalin içine koyduğum console log yine 2. saniyede başlıyor

Valla benden bu kadar

Kodun doğru ama orası net.

22-09-2023, 11:07:24

#11

KOCABAL

Burkaydinn adlı üyeden alıntı: mesajı görüntüle

Valla benden bu kadar

Kodun doğru ama orası net.

Vakit ayırdığın için sağ ol hocam.

22-09-2023, 11:09:59

#12

Burkaydinn

KOCABAL adlı üyeden alıntı: mesajı görüntüle

Vakit ayırdığın için sağ ol hocam.

Ne demek rica ederim

22-09-2023, 12:11:14

#13

Sinemium

Kodunuz doğru ama mantık hatası yapmışsınız sayfa yüklendiğinde sanırsam 2 saniye arayla manşetler arasında geçiş yaptırtmak istiyorsunuz fakat bunu yaparken 1. manşetteyken 1. manşete geçiş yaptırtıyorsunuz.
Yani şöyle
1- 2.saniyede manşet0-1-2 gizle, manşet 0 ı göster
2- 4.saniyede manşet0-1-2 gizle manşet 1 i göster

şimdi sayfa yüklendiğinde zaten manşetin ilk elemanı gözüküyor sizin kodunuz çalıştığında tekrar o elemanı gizleyip gösteriyor bir anlamı yok bunun bu yüzden
var slaytIndex = 0 yerine var slaytIndex = 1 kullanın

22-09-2023, 12:14:38

#14

Sinemium

var slaytIndex = 1;
const slaytlar = document.getElementsByClassName("manset-eleman");
setInterval(function(){
    slaytGoster(slaytIndex);
}, 2000);
function slaytGoster(sira){
    Array.prototype.slice.call(slaytlar).forEach((item) => item.style.display = "none");
    slaytlar[sira].style.display = "block";
    slaytIndex++;
    slaytIndex = slaytIndex >= slaytlar.length ? 0 : slaytIndex;
}

Bu şekilde yaparsanız sorun kalmaz yani
tekrar tekrar elde etmeyeceğiniz değişkenleri setinterval içinde kullanmayın her seferinde tekrar tanımlama yapmak zorunda kalacaktır

22-09-2023, 14:27:03

#15

KOCABAL

Sinemium adlı üyeden alıntı: mesajı görüntüle

Kodunuz doğru ama mantık hatası yapmışsınız sayfa yüklendiğinde sanırsam 2 saniye arayla manşetler arasında geçiş yaptırtmak istiyorsunuz fakat bunu yaparken 1. manşetteyken 1. manşete geçiş yaptırtıyorsunuz.
Yani şöyle
1- 2.saniyede manşet0-1-2 gizle, manşet 0 ı göster
2- 4.saniyede manşet0-1-2 gizle manşet 1 i göster

şimdi sayfa yüklendiğinde zaten manşetin ilk elemanı gözüküyor sizin kodunuz çalıştığında tekrar o elemanı gizleyip gösteriyor bir anlamı yok bunun bu yüzden
var slaytIndex = 0 yerine var slaytIndex = 1 kullanın

Hocam öncelikle yanıtınız için teşekkür ederim.

Beynim yandı fakat sonunda anladım sanırım. İlk slaytGoster kodu 0. değil 2. saniyede çalışıyor herhalde hocam doğru mudur?

CSS kısmında da zaten 1. manşette display:none kullanmadığım için 0-2 saniyede javascript kodları çalışmadan 1. manşet görünüyor. 2-4 saniyede javascript kodu çalışarak 1. manşet görünüyor. O yüzden slaytIndex'i 1'den başlatıyoruz anladığım kadarıyla.

Son olarak "array.prototype.slice.call" ne işe yarıyor hocam acaba?

22-09-2023, 19:06:48

#16

Sinemium

KOCABAL adlı üyeden alıntı: mesajı görüntüle

Hocam öncelikle yanıtınız için teşekkür ederim.

Beynim yandı fakat sonunda anladım sanırım. İlk slaytGoster kodu 0. değil 2. saniyede çalışıyor herhalde hocam doğru mudur?

CSS kısmında da zaten 1. manşette display:none kullanmadığım için 0-2 saniyede javascript kodları çalışmadan 1. manşet görünüyor. 2-4 saniyede javascript kodu çalışarak 1. manşet görünüyor. O yüzden slaytIndex'i 1'den başlatıyoruz anladığım kadarıyla.

Son olarak "array.prototype.slice.call" ne işe yarıyor hocam acaba?

"array.prototype.slice.call " ı map kullanabilmek için kullandım for yerine map kullandım orada getbyclassnames kullanınca o map kullanmak istiyorsanız bu şekilde ek yapmanız gerekiyo

22-09-2023, 20:33:02

#17

KOCABAL

Çok teşekkür ederim hocam. Az daha tüm motivasyonumu kaybediyordum