如何在 jQuery 中几秒钟后隐藏 div 元素？

给定一个 div 元素，任务是在几秒钟后使用 jQuery 隐藏 div 元素？

方法：

• 选择 div 元素。
• 使用延迟函数(setTimeOut(), delay()) 提供延迟以隐藏 () div 元素。

示例 1：在此示例中， setTimeOut() 方法用于为fadeOut() 方法提供延迟。

 
 
     
         
            How to hide div element after
            few seconds in jQuery ?
        
          
        
            #div {
                background: green;
                height: 100px;
                width: 200px;
                margin: 0 auto;
                color: white;
            }
        
          
        
        
     
  
     
          
         
            GeeksForGeeks 
        
          
        
        
          
        
            This is Div box.
        
          
        
          
        
            click here
        
          
        
        
          
        
            $('#GFG_UP').text("Click on button to hide div after 1 sec.");
              
            function GFG_Fun() {
                setTimeout(function() {
                    $('#div').fadeOut('fast');
                }, 1000);
                $('#GFG_DOWN').text("Div hides after 1 second."); 
            }
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：在此示例中， delay() 方法用于为fadeOut() 方法提供延迟。

 
 
     
         
            How to hide div element after
            few seconds in jQuery ?
        
          
        
            #div {
                background: green;
                height: 100px;
                width: 200px;
                margin: 0 auto;
                color: white;
            }
        
          
        
        
     
  
     
          
         
            GeeksForGeeks 
        
          
        
        
          
        
            This is Div box.
        
          
        
          
        
            click here
        
          
        
        
          
        
            $('#GFG_UP').text("Click on button to hide div after 1 sec.");
              
            function GFG_Fun() {
                $("#div").delay(1000).fadeOut(500);
                $('#GFG_DOWN').text("Div hides after 1 second.");     
            }
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：