Question

我做了一个简短的脚本，文本闪烁。但我无法弄清楚如何在fx 3闪烁后停止闪烁。有谁知道如何将它添加到我的脚本中？

最好的问候朱莉

HTML

<div class="blink">blinking text</div>
    non-blinking
<div class="blink">more blinking text</div>

CSS：

.flash{
    background: yellow;
}

.noflash{
    background: white;
}

JS：

function blink(selector){
    $(selector).fadeOut('slow', function(){
        $(this).fadeIn('slow', function(){
            blink(this);
        });
    });
}

blink('.blink');

Answer 1

您可以在不递归的情况下构建效果链：

function blink(selector){
    var chain = $(selector);
    for (var i = 0; i < 3; i++) {
        chain = chain.fadeOut('slow').fadeIn('slow');
    }
}

blink('.blink');

Answer 2

 function blink(selector, repeat){
    if(!repeat) return;
    $(selector).fadeOut('slow', function(){
        $(this).fadeIn('slow', function(){
            blink(this, repeat - 1);
        });
    });
 }

 blink('.blink', 3);

所以你可以控制它会闪烁多少次。

Answer 3

您可以尝试这样的事情（未经测试）：

function blink(selector, count){
  count = count || 1;
  if (count <= 3) {
    $(selector).fadeOut('slow', function(){
      $(this).fadeIn('slow', function(){
        blink(this, ++count);
      });
    });
  }
}

停止闪烁文本javascript

3 个答案: