[js] wykonanie funkcji po 3 sekundach Opcje

[puz219]

Witam.

Chciałbym zrobić coś takiego w js, żeby funkcja wykonywała się dopiero po 3 sekundach od wywołania,a le nie mam zielonego pojęcia, jak coś takiego osiągnąć, naturalnie jeśli to możliwe.

Mam na stronie link, po najechaniu na którego wyświetla mi się zawartość diva i teraz próbuje zrobić, tak, żeby zawartość diva znikała po 3 sekundach od momentu, w którym link przestaje być aktywny.

mam coś takiego:

[HTML] pobierz, plaintext 
<a href="#" onmouseover="zawartosc('show')" onmouseout="zawartosc('hide')">zawartosc</a>
<div id="zawartosc" style="display:none;">
jakis tam tekst
</div>
[HTML] pobierz, plaintext 

a teraz funkcja zawartosc()

[HTML] pobierz, plaintext 
funtion zawartosc(a) {
if (a == 'show') {
document.getElementById('zawartosc').style.display = 'block';
}
else if(a == 'hide') {
document.getElementById('zawartosc').style.display = 'none';
}
}
[HTML] pobierz, plaintext 

Proszę o jakieś wskazówki, jak coś takiego zrobić, żeby przy onmoueout wykonanie funkcji zawartosc('hide) nastąpiło dopiero po 3 sekundach.

Pozdrawiam.

[pest]

Jest w JS funkcja setTimeout ( no i jeszcze np. clearTimeout).

Ogólnie w google dobrze jest to przedstawione, ale nie mam fazy na swoją robotę, to napiszę tobie coś .

[HTML] pobierz, plaintext 
<a href="#" onmouseover="zawartosc('show'); clearTimeout(tim);" onmouseout="tim = setTimeout( 'zawartosc('hide');', 3000);">zawartosc</a>
[HTML] pobierz, plaintext 

Ale sprawdź jeszcze, bo sam nie sprawdzałem działania tego kodu.

[puz219]

niestety nie działa, pokazuje się, ale potem nie chce się już ukryć

[pest]

To dodaj jeszcze przed deklaracją funkcji (albo gdziekolwiek indziej w kodzie js) linijkę:
var tim;


U mnie zadziałało, wcześniej się sadziło do niezainicjowanej zmiennej.