Setinterval mouseover olduğunda nasıl durdurulur?

larkuzunn

Femtopat
Katılım
30 Eylül 2022
Mesajlar
87
Daha fazla  
Cinsiyet
Erkek
Merhaba, basit bir otomatik slayt fonksiyonum var mouseover olduğunda slaytin durmasini istiyorum. Bunu nasıl yapabilirim(jquery bilmiyorum)
 
Son düzenleyen: Moderatör:

tam1gamer1

Nanopat
Katılım
11 Ağustos 2022
Mesajlar
370
Çözümler
17
Merhaba, basit bir otomatik slayt fonksiyonum var mouseover olduğunda slaytin durmasini istiyorum. Bunu nasıl yapabilirim(jquery bilmiyorum)

Şu kodları inceleyebilirsin.
JavaScript:
var myTimer = setInterval(changer, 1000);


source.addEventListener("mouseover", function(){ clearInterval(myTimer)});


source.addEventListener("mouseout", function(){ myTimer = setInterval(changer, 1000);});
 
KS
KS
L

larkuzunn

Femtopat
Katılım
30 Eylül 2022
Mesajlar
87
Daha fazla  
Cinsiyet
Erkek
Şu kodları inceleyebilirsin.
JavaScript:
var myTimer = setInterval(changer, 1000);

source.addEventListener("mouseover", function(){ clearInterval(myTimer)});

source.addEventListener("mouseout", function(){ myTimer = setInterval(changer, 1000);});

Uncaught referenceerror: Source is not defined.
Hocam böyle bir hata verdi.
 

Kxaan

Hectopat
Katılım
25 Mayıs 2021
Mesajlar
1.592
Çözümler
76
Yer
Antalya
Daha fazla  
Cinsiyet
Erkek
JavaScript:
//slayt id'sini verdiğimiz elementi seçiyoruz.
const slayt = document.getElementById("slayt");

//ana intervalı başlatıyoruz.
let interval = setInterval(autoPlay, 1000);

function autoPlay() {
    //Slayt otomatik oynatma kodları.
}

//mouse slayt üzerinde iken intervalı temizle.
slayt.addEventListener("mouseover", () => {
    clearInterval(interval);
});

//mouse slayt üzerinden çıktığında yeni interval oluştur.
slayt.addEventListener("mouseout", () => {
    interval = setInterval(autoPlay, 1000);
});
 
KS
KS
L

larkuzunn

Femtopat
Katılım
30 Eylül 2022
Mesajlar
87
Daha fazla  
Cinsiyet
Erkek
JavaScript:
//slayt id'sini verdiğimiz elementi seçiyoruz.
const slayt = document.getElementById("slayt");

//ana intervalı başlatıyoruz.
let interval = setInterval(autoPlay, 1000);

function autoPlay() {
 //Slayt otomatik oynatma kodları.
}

//mouse slayt üzerinde iken intervalı temizle.
slayt.addEventListener("mouseover", () => {
 clearInterval(interval);
});

//mouse slayt üzerinden çıktığında yeni interval oluştur.
slayt.addEventListener("mouseout", () => {
 interval = setInterval(autoPlay, 1000);
});

Cannot read properties of null (reading 'addeventlistener')
Hocam sürekli bu hatayı veriyor ya.
 

tam1gamer1

Nanopat
Katılım
11 Ağustos 2022
Mesajlar
370
Çözümler
17
Cannot read properties of null (reading 'addeventlistener')
Hocam sürekli bu hatayı veriyor ya.
Slaytınızın olduğu divin idsini var ise alttaki kodu değiştirin

JavaScript:
document.getElementById("sizin_div_id_degeri");

Eğer o divin bir id değeri yoksa id="slayt" yapıp tekrar deneyiniz.
 

Yeni konular

Yukarı