眨眼即停止10秒后，每10秒在消息和眨眼再次

Question

我的HTML代码

<a id="blink">123qwe</a> 

我的Java脚本代码

var stopBlinking = false; 
setTimeout(function() 
{ 
    stopBlinking = true; 
}, 10000); 


function blink(selector) { 
    $(selector).fadeOut('slow', function() { 
     $(this).fadeIn('slow', function() { 
      if (!stopBlinking) 
      { 
       blink(this); 
      } 
      else 
      { 
       setInterval(function() 
          { 
           stopBlinking = true; 
          }, 10000); 
      } 
     }); 
    }); 
} 
blink("#blink"); 

此代码后10秒不眨眼。这段代码有什么问题？

请帮帮我。

在此先感谢。

Answer 1

试试这个：

var interval = 10000; 
 
var stopBlinking = false; 
 

 
function blink(selector) { 
 
    if(stopBlinking) 
 
     return false; 
 
\t 
 
    $(selector).fadeOut('slow', function() { 
 
     $(this).fadeIn('slow', function() { 
 
      blink(this); 
 
     }); 
 
    }); 
 
} 
 

 
blink("#blink"); 
 

 
setInterval(function(){ 
 
    stopBlinking = !stopBlinking; 
 
    blink("#blink"); 
 
}, interval);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id="blink">123qwe</a>

Answer 2

var stopBlinking = false; 
 
setTimeout(function() { 
 
    stopBlinking = true; 
 
}, 10000); 
 

 

 
function blink(selector) { 
 
    $(selector).fadeOut('slow', function() { 
 
    $(this).fadeIn('slow', function() { 
 
     if (!stopBlinking) { 
 
     blink(this); 
 
     } else { 
 
     stopBlinking = false; 
 
     setTimeout(function() { 
 
      blink(selector) 
 
      setTimeout(function() { 
 
      stopBlinking = true; 
 
      }, 10000); 
 
     }, 10000); 
 
     } 
 
    }); 
 
    }); 
 
} 
 

 
blink("#blink");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id="blink">Blinking Message</a>