在该停止后每10秒闪烁10秒钟并再次闪烁

Question

My Html Code

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

My java-script code

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");

This code is not blink after 10 seconds. what's the problem in this code?

please help me.

thanks in advance.

Answer 1

Try this:

 var interval = 10000; var stopBlinking = false; function blink(selector) { if(stopBlinking) return false; $(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>