Pomoc przy tworzeniu funkcji js

Question

Chcę zrobić funckje która będzie wyświetlała diva po najechaniu na jakiegoś innego diva i poczekaniu przez 1 sekunde. Wiem jak zrobić coś takiego ze po najechaniu ale nie wiem jak zrobić aby po 1 sekundzie się wyświetlił dopiero ten div. Wie ktoś jak zrobić taką funkcje?

Answer 1

Nie powinno się prosić o gotowce, ale mogę nakierować trochę. Polecam się zainteresować funkcjami setTimeout, setInterval. To powinno wyglądać mniej więcej tak(kod oczywiście niepełny, ja tylko podpowiadam schematycznie jak to mogło by być zrobione):

function showMyDiv() {
 //set css display property of my div to not none
}

element.on('click', () => { setTimeout(showMyDiv, 1000); });

Pozdrawiam!

 

Comments

znam te funkcje tylko że ja chcę zrobić tak że po najechaniu i odczekaniu 1s z kursorem na elemencie a nie po zwyczajnym najechaniu. Ja nie chcę zrobić właśnie tak jak pokazałeś bo ja najadę na element odczeka mi 1s i się wykona ta funkcja podana i to zadziała nawet w tedy gdy zabiorę kursor z elementu. Ja chcę zrobić tak ze jak najadę i poczekam z kursorem na elemencie to w tedy mi pokaże diva

---

Dobra, teraz rozumiem o co chodziło ;P :) Musisz zapisać timeout w jakiejś zmiennej i jeśli zajdzie event 'mouseout' to wtedy zrobić clearTimeout(timeout):

https://www.w3schools.com/jsref/met_win_cleartimeout.asp

https://www.w3schools.com/jsref/event_onmouseout.asp

Coś w tym stylu:

let timeout;
element.onmouseover = () => { timeout = setTimeout(showMyDiv, 1000); };
//'czyścimy' timeout przy event'cie 'mouseout'
element.onmouseout = () => { clearTimeout(timeout); }; 

 

 

---

a ok dzięki nie wiedziałem ze istnieje coś takiego jak clearTimeout ale już wiem dzięki za pomoc