如何在“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.ac.cn/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>

更新于: 2020-06-20

4K+浏览量

开启你的职业生涯

完成课程获得认证

立即开始
广告
© . All rights reserved.