1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
<body> <div id="myText"></div> </body> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script> var text="This text will be written one by one."; var delay=300; var elem = $("#myText"); //text- string //elem - jQuery element where text is to be attached //delay - the delay in each text var addTextByDelay = function(text,elem,delay){ if(!elem){ elem = $("body"); } if(!delay){ delay = 300; } if(text.length >0){ //append first character elem.append(text[0]); setTimeout( function(){ //Slice text by 1 character and call function again addTextByDelay(text.slice(1),elem,delay); },delay ); } } addTextByDelay(text,elem,delay); </script> |
