Forum PHP.pl > Wykonanie funkcji po upływie 2 s

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Wykonanie funkcji po upływie 2 s

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

pietrov8

8.03.2012, 21:50:31

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

8.03.2012, 22:00:14

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

9.03.2012, 00:36:16

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

9.03.2012, 22:17:59

Cytat(Orzeszekk @ 9.03.2012, 00:36:16 )

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.