使用jQuery等待一段时间后如何自动调用函数？

为了在等待一段时间后自动运行函数，我们使用了 jQuery delay() 方法。
jQuery 中的.delay() 方法用于设置计时器以延迟队列中下一项的执行。

句法：

$(selector).delay(para1, para2);

方法：

• 单击按钮时，使用.delay() 方法将过程延迟到特定时间段。
• 函数或进程使用.queue() 方法排队。

  执行进程或函数后，所有执行的函数都使用.dequeue() 方法出列。

示例 1：

  

    How to call a function automatically 
      after waiting for some time using jQuery
    
  
    
        img {
            display: none;
        }
    

  

    
         
        GeeksForGeeks 
    
        How to call a function automatically 
          after waiting for some time using jQuery
        Click
        
        
            function showImg() {
                $("img").fadeIn(1500);
            }
  
            $(document).ready(function() {
                $(".show-image").click(function() {
                    $(this).text('Wait...').delay(1000).queue(function() {
                        $(this).hide();
                        showImg();
                        $(this).dequeue();
  
                    });
                });
            });
  
        
    

  

输出：

示例 2：与警报方法一起

  

    How to call a function automatically 
      after waiting for some time using jQuerye
    
  
    
        img {
            display: none;
        }
    

  

    
         
        GeeksForGeeks 
    
        How to call a function automatically 
      after waiting for some time using jQuery
        
          Click
      
        
        
            function showImg() {
                $("img").fadeIn(1500);
            }
            $(document).ready(function() {
                $(".show-image").click(function() {
                    $(this).text('Wait...').delay(1000).queue(function() {
                        $(this).hide();
                        showImg();
                        $(this).dequeue();
                        alert("Waiting time is over");
                    });
                });
            });
        
    

  

输出：