2 초 후에 함수 실행

Question

이하 hover 요소에 대한 함수를 작성했습니다. 나는이 기능이 마우스가 2 초 이상 그 부분에있을 때만 수행되기를 원한다. 그들이 덜하거나 전혀 없을 때 이것은 만들 수 없습니다. 코드 아래

내가 쓴 :로 마우스가 clearTimeout를 사용하여 타이머를 명확 해고되는 경우

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

Answer 1

당신은 실행을 지연 할 setTimeout를 사용하고 그 시간 내에 할 수 있습니다.

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

Answer 2

는 사용 setTimeout() 및 clearTimeout()

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

Answer 3

와 분명히 사실 플러그인이라고 HoverIntent있다. 나는 그것을 개인적으로 사용하지 않았지만 당신의 문제를 해결할 것 같았습니다.