폭발 텍스트 자동 응답

Question

http://jsfiddle.net/doktormolle/dNXVx/

이 애니메이션을 자동으로 어떻게 만들 수 있습니까?

저는이 모든 것에 익숙합니다. 그래서 어떤 도움을 많이 주셨습니다!

function fx(o) 
{ 
    var $o=$(o); 
     $o.html($o.text().replace(/([\S])/g,'<span>$1</span>')); 
     $o.css('position','relative'); 
     $('span',$o).stop().css({position:'relative', 
           opacity:0, 
           fontSize:84, 
           top:function(i){return Math.floor(Math.random()*500)*((i%2)?1:-1);}, 
           left:function(i){return Math.floor(Math.random()*500)*((i%2)?1:-1);} 

         }).animate({opacity:1,fontSize:12,top:0,left:0},1000); 

}​ 

Answer 1

나는 이런 경우 직접 함수를 호출하거나 효과를 타이머를 사용할 수 있습니다 .. 당신은 애니메이션 기능을 클릭하지 않고 호출하려는 생각합니다. 후 (

$(function() { 
    fx('#animateMe'); 
}); 

타이머 :

변경 다음과 같은 스팬,

<span id="animateMe">click here</span> 

그리고 준비 문서 내부의 fx 아래 스크립트,

직접 전화, 아래를 참조하십시오 2 초)

$(function() { 
    setTimeout(function() { 
    fx('#animateMe'); 
    }, 2000); //2000 milli seconds = 2 secs 
}); 

http://jsfiddle.net/dNXVx/483/