要在一定延迟后调用jQuery函数,请使用siteTimeout()
方法。在这里,fadeOut()
几秒钟后调用jQuery函数。
您可以尝试运行以下代码,以了解如何使用setTimeout()
jQuery中的方法在延迟后调用jQuery函数-
<!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#button1").bind("click",function() { setTimeout(function() { $('#list').fadeOut();}, 2000); }); }); </script> </head> <body> <input type="button" id="button1" value="Fade Out" /> <br/> <br/> <div id="list"> <ul> <li>Voice</li> <li>Speak</li> <li>Write</li> </ul> </div> <p>The above content will fade out after 2 seconds</p> </body> </html>