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

開啟你的 職業生涯

完成課程,獲得認證

開始
廣告