fmpq.com
源代码：
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Fmpq教程(fmpq.com)</title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/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>
运行结果