<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>jquery queue</title> <Scriptsrc= "Framework/jquery-1.10.2.min.js"></Script> <Script> varcontent= "JavaScript is a good language!!"; $(function(){ functioncallback () {Console.log ( This); } functionNotify (Word) {Console.log ("Notify:" +word); $("#content"). append (Word); } vararr=Content.split (' '); $.each (arr,function(index,item) { for(varI=0; I<item.length; I++) { //Console.log (i + "!! i = "+ (!! i) + (!i)); (function(Word) {$ ("#content"). Queue ("Dynamicstyle", function(Next) {Callback.call ($ ( This)); Notify (Word); Next (); }). Delay ( $,"Dynamicstyle"); }) (Item[i]); } $("#content"). Queue ("Dynamicstyle", function(Next) {Callback.call ($ ( This)); Notify (" "); Next (); }). Delay ( $,"Dynamicstyle"); }); $("#content"). Dequeue ("Dynamicstyle"); }); </Script></Head><Body> <DivID= "Content"></Div></Body></HTML>
JavaScript Queue Typing effect