Edit The Code:
See Result »
Try it Yourself - ©
w3big.com
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>本教程(w3big.com)</title> <script src="http://cdn.static.w3big.com/libs/jquery/1.10.2/jquery.min.js"></script> </head> <body> <button>Go</button> <p>准备...</p> <div></div> <div></div> <div></div> <div></div> <script> $(function () { var effect = function() { return $("div").fadeIn(800).delay(1200).fadeOut(); }; $("button").bind( "click", function() { $("p").append( " 已开始... "); $.when( effect() ).done(function() { $("p").append(" 完成! "); }); }); }) </script> </body> </html>