如何在“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>

更新於: 2020-06-20

4K+瀏覽量

開啟你的職業生涯

完成課程獲得認證

立即開始
廣告
© . All rights reserved.