Wykonanie funkcji po upływie 2 s Opcje

[pietrov8]

Witam.

Poniżej mam napisaną funkcję hover dla pewnego elementu. Chcę by ta funkcja wykonała się tylko wtedy gdy myszka będzie na tym elemencie 2 lub więcej sekund. Gdy zaś będzie krócej lub wcale to ma się nie wykonywać.

Poniżej kod który napisałem:

[PHP] pobierz, plaintext 
$(function(){
	$('section.zespol_list ul li a').hover(function(){
		$(this).next().fadeIn(1000);
	},
	function(){
		$(this).next().fadeOut(1000);
	});
});
[PHP] pobierz, plaintext 

[lobopol]

coś w ten deseń

[JAVASCRIPT] pobierz, plaintext 
function addHoverHide(linkClass, layerId) { 
  var t; 
  $("." + linkClass).hover(function() { 
    t = setTimeout(function() {
 
       //tuakcja
    }, 2000); 
  }, function() { 
   clearTimeout(t) 
  }); 
} 
 
$(document).ready(function () { 
  addHoverHide("some_link", "this_layer"); 
}); 
 
[JAVASCRIPT] pobierz, plaintext 

dostosuj pod siebie

[Orzeszekk]

Ewentualnie uzyc jQuery + wtyczka jQuery Timers.

W onMouseOver odpalasz wtedy timer na 2000 ms, a w funkcji callback timera robisz co tam chcesz zrobić po uplywie 2 sekund.

jQuery timers ma calkiem spore mozliwosci, i jesli masz czas to polecam sie zainteresowac

[pietrov8]

Ewentualnie uzyc jQuery + wtyczka jQuery Timers.

W onMouseOver odpalasz wtedy timer na 2000 ms, a w funkcji callback timera robisz co tam chcesz zrobić po uplywie 2 sekund.

jQuery timers ma calkiem spore mozliwosci, i jesli masz czas to polecam sie zainteresowac

Możesz pokazać to na moim przykładzie??

Zrobiłem to tak lecz nie działa:

Kod

var timer;
$(function(){
    $('section.zespol_list ul li a').hover(function(){
        timer = setTimeout(function() {
            $(this).next().fadeIn(1000);
        }, 2000);
    },
    function(){
        clearTimeout(timer);
        $(this).next().fadeOut(1000);
    });
});