의 setTimeout 코드는 ... jQuery를

Question

이 코드를 가지고 있지만, 한 번만 실행하여

$('.' + container).hover(function() { 
     t = setTimeout(function(elem){ 
      //this should be executed as long as I hover, 
      //with interval declared in viewSpped variable 
      $(elem).find('img').first().appendTo('.' + container).fadeOut(500); 
      $(elem).find('img').first().fadeIn(800);  

     }(this), viewSpeed); 


    }... 

내가 잘못 어떤 생각을 작동하지? 감사!

Answer 1

setTimeout은 보통 콜백을 한 번만 호출합니다.

기능을 정기적으로 실행하려면 setInterval을 원할 수도 있습니다.

는 그리고, incidently, 코드에서 다른 오류가있다 : 당신은 아마 기간 이후에있는 콜백 setInterval 또는 setTimeout 통과

t = setInterval(function(elem){ 
     //this should be executed as long as I hover, 
     //with interval declared in viewSpped variable 
     $(elem).find('img').first().appendTo('.' + container).fadeOut(500); 
     $(elem).find('img').first().fadeIn(800);  
    }, viewSpeed, this); 

인수를 원한다.

또는, (나는 또한 제공하는 링크가 IE에 대한 해결 방법을 제공합니다 있습니다) 더 호환되도록하기 :

var $elem = $(this); 
t = setInterval(function(){ 
        $elem.find('img').first().appendTo('.' + container).fadeOut(500); 
        $elem.find('img').first().fadeIn(800);     
}, viewSpeed); 

Answer 2

setTimeout는 인수없이 콜백을 호출합니다. 따라서 elem은 콜백에 전달되지 않습니다. self-invoking 함수를 수행하려고한다면 콜백을 setTimeout()에 전달하지 않고 즉시 함수를 호출하는 것뿐입니다.

난 당신이 elem이 될 것으로 기대 모르겠어요,하지만 당신이 공중 선회 된 항목 수 있도록하려면, 당신은 같은 것을 할 것이다 : 당신은 즉시 함수를 호출하고

$('.' + container).hover(function() { 
    var self = $(this); 
    t = setTimeout(function(){ 
     //this should be executed as long as I hover, 
     //with interval declared in viewSpped variable 
     self.find('img').first().appendTo('.' + container).fadeOut(500); 
     self.find('img').first().fadeIn(800);  

    }, viewSpeed); 
}... 

Answer 3

을 콜백으로 사용하는 대신 (매개 변수를 전달해야하므로 어쨌든 작동하지 않을 것입니다), 나는 또한 당신이 setInterval을 의미한다고 생각합니다.

var elem = $(this); 
var container = $('.' + container); 

t = setInterval(function() { 
     elem.find('img').first().appendTo(container).fadeOut(500); 
     elem.find('img').first().fadeIn(800); 
    }, viewSpeed);