<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery queue</title> <script src="framework/jquery-1.10.2.min.js"></script> <script> var content = "javascript is a good language!!"; $(function(){ function callback(){ console.log(this); } function notify(word){ console.log("notify:" + word); $("#content").append(word); } var arr = content.split(‘ ‘); $.each(arr,function(index,item){ for(var i=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(200,"dynamicStyle"); })(item[i]); } $("#content").queue("dynamicStyle", function(next){ callback.call($(this)); notify(" "); next(); }).delay(200,"dynamicStyle"); }); $("#content").dequeue("dynamicStyle"); }); </script> </head> <body> <div id="content"></div> </body> </html>
原文：http://www.cnblogs.com/byxxw/p/4894764.html