setInterval mouseout和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); 

     } 
    }); 
}); 

正如你在上面看到的，我试图在mouseout时做一个setInterval工作并在mouseover时停止。代码目前正在运行，但是页面加载后动画不会启动。 所以，现在你必须将鼠标悬停在div，mouseout之后，动画才会开始。
如何更改它？

Answer 1

结合

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