setInterval mouseout and mouseover

Question

$(document).ready(function() { 
    var timer; 

    var click = function() { 
     $('div button').trigger('click'); 
    } 

    $('div button').click(function(){ 
     //animation 
    } 

    $('div').live('mouseover mouseout', function(event) { 

     if (event.type == 'mouseover') { 
      clearInterval(timer); 
     } 
     else { 
      timer = setInterval(click, 1000); 

     } 
    }); 
}); 

위에서 볼 수 있듯이 마우스 오버시에는 setInterval 작업을하고 마우스 오버시에는 중지합니다. 코드는 현재 작동하지만 페이지로드 후 애니메이션이 시작되지 않습니다. 이제 div, mouseout을 mouseover 한 다음 애니메이션이 시작됩니다.
변경하는 방법은 무엇입니까?

Answer 1

그냥 당신이 $ (문서)에서 .ready과 즉시 명확하여 setInterval을 게재 할 수

$('div button').click(function(){ 
    //animation 
}.trigger('click')