blink

Animación de un texto con el efecto blink.

by MiguelR

HTML

<button id="start">Start</button>
<span id="text-blink" class="hide"><label>Processing…</label></span>
<button id="stop" class="hide">Stop</button>

CSS

.hide{display:none;}

JavaScript

blink($('#text-blink label'), 1000);

$('#start').click(function(){
    $('#start').addClass('hide');
    $('#stop').removeClass('hide');
    $('#text-blink')
    .removeClass("stop")
    .removeClass('hide');
  });

$('#stop').click(function(){
    $('#start').removeClass('hide');
    $('#stop').addClass('hide');
    $('#text-blink').addClass("hide");
  });

function blink(tag, time){
$(tag).fadeOut( time, function() {
        $(tag).fadeIn( time, function(){blink(tag, time); });
});
}