在该停止后每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;
	
    $(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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;