停止闪烁文字javascript

我制作了一个简短的脚本，文本闪烁。但我无法弄清楚在fx 3眨眼后我能如何停止闪烁。有人知道我可以如何将它添加到我的脚本？停止闪烁文字javascript

问候朱莉

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

来源

2016-02-12 Julie24

这个问题已经回答了http://stackoverflow.com/questions/10812473/need-jquery-blinking-text-to-only-blink-for-a-period-of-8-seconds-then-stop –

你好菲利普。我以前曾看过这些问题，但没有任何事情可以再次眨眼。 – Julie24

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

blink('.blink', 3);

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

来源

2016-02-12 14:27:51 dskoda1

@jcubic实际上并没有太多大括号，只是测试过它。 – dskoda1

对不起，没有注意到，如果没有大括号。 – jcubic

不用担心男人，谢谢反正。 – dskoda1

您可以构建的连锁效应不递归：

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

blink('.blink');

来源

2016-02-12 14:25:02

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

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

来源

2016-02-12 14:25:18 Andy

非常感谢。当我下班回家时我会试试这个 – Julie24

停止闪烁文字javascript

回答

相关问题