如何在“X”秒后执行 jQuery 函数调用?


要如何在“X”秒后执行 jQuery 函数调用,请使用 siteTimeout() 方法。

点击按钮时,设置以下内容并淡化元素。在此,我们还设置了毫秒数。这是在淡化元素之前发生的延迟

$("#button1").bind("click",function() {
   setTimeout(function() {
      $('#list').fadeOut();}, 4000);
});

你也可以尝试运行以下代码,了解如何在 jQuery 中使用 setTimeout() 方法

示例

 现场演示

<!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();}, 4000);
            });
         });
   </script>
</head>
<body>

<input type="button" id="button1" value="Fade Out" />
<br/>
<br/>
<div id="list">
   <ul>
      <li>India</li>
      <li>US</li>
      <li>UK</li>
   </ul>
</div>
<p>The above data will fade out after 4 seconds</p>
</body>
</html>

更新于:20-06-2020

4000+ 查看

开启你的 职业生涯

完成课程,获得认证

开始
广告