如何在某段延迟后调用 jQuery 函数?


若要在某段延迟后调用一个 jQuery 函数,请使用 siteTimeout() 方法。在此,jQuery fadeOut() 函数在几秒后调用。

你可以尝试运行以下代码来了解如何在 jQuery 中使用 setTimeout() 方法以在延迟后调用一个 jQuery 函数 −

示例

演示

<!DOCTYPE html>
<html>
  <head>
  <script src="https://ajax.googleapis.com/ajax/libs/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>

更新日期: 20-06-2020

6K+ 浏览量

开启你的 职业

通过完成课程获得认证

开始
广告