如何使用 jQuery 制作闪烁的文本？

给定一个 HTML 文档，任务是使用 jQuery 使元素的特定文本闪烁。解决这个问题的技术很少，下面将讨论：

方法一：

• 从文档中选择特定元素。
• 在特定时间后将其可见性属性从隐藏切换到可见，反之亦然。

示例 1：此示例实现了上述方法。

  
  
  
  
      
        How to make a blinking text using jQuery ?
    
      
    
    
  
  
  
      
      
        GeeksForGeeks  
     
      
     
    
      
    
        click here
    
      
     
    
      
      
        var el_up = document.getElementById('GFG_UP');
        var el_down = document.getElementById('GFG_DOWN');
          
        el_up.innerHTML = "Click on the button to start "
                        + "the text blinking.";
        el_down.innerHTML = "Binking Text";
          
        function GFG_Fun() {
            $('#GFG_DOWN').each(function() {
                var elem = $(this);
                setInterval(function() {
                    if (elem.css('visibility') == 'hidden') {
                        elem.css('visibility', 'visible');
                    } else {
                        elem.css('visibility', 'hidden');
                    }    
                }, 100);
            });
        }
      
  
  

输出：

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

方法二：

• 从文档中选择特定元素。
• 在特定时间段后将其不透明度属性从0 设置为 1 ，反之亦然。

示例 2：此示例实现了上述方法。

  
  
  
  
      
        How to make a blinking text using jQuery ?
    
      
    
    
  
  
  
      
      
        GeeksForGeeks  
     
      
     
    
      
    
        click here
    
      
     
    
      
      
        var el_up = document.getElementById('GFG_UP');
        var el_down = document.getElementById('GFG_DOWN');
        el_up.innerHTML = "Click on the button to start "
                        + "the text blinking.";
        el_down.innerHTML = "Binking Text";
          
        function blink(selector) {
            $(selector).animate({opacity:0}, 50, "linear", 
            function() {
                $(this).delay(100);
                $(this).animate({opacity:1}, 50, function(){
                    blink(this);
                });
                $(this).delay(100);
            });
        }
          
        function GFG_Fun() {
            blink('#GFG_DOWN');
        }
      
  
  

输出：

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