Setinterval mouseover olduğunda nasıl durdurulur?

larkuzunn dedi:

Merhaba, basit bir otomatik slayt fonksiyonum var mouseover olduğunda slaytin durmasini istiyorum. Bunu nasıl yapabilirim(jquery bilmiyorum)

Genişletmek için tıkla...

var myTimer = setInterval(changer, 1000);


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


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

tam1gamer1 dedi:

Şu kodları inceleyebilirsin.

JavaScript:Panoya kopyala

var myTimer = setInterval(changer, 1000);

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

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

Genişletmek için tıkla...

larkuzunn dedi:

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

Genişletmek için tıkla...

kaan.w dedi:

JavaScript:Panoya kopyala

//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);
});

Genişletmek için tıkla...

larkuzunn dedi:

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

Genişletmek için tıkla...

larkuzunn dedi:

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

Genişletmek için tıkla...

document.getElementById("sizin_div_id_degeri");