JSFiddle - React, Tailwind, and code Playground
HTML
<p><span>loading...</span></p>
<a href="#" id="btn">STOP</a>
CSS
p {
margin-bottom: 50px;
color: #555;
font-size: 160%;
font-weight: bold;
}
JavaScript
var blink = true;
var loaderBlink = function() {
if( blink ) {
$('p').find('span').delay( 200 ).fadeTo(200,.4).fadeTo(200,1,function() {
loaderBlink();
console.log('loading...');
});
}
};
$('#btn').on('click', function() {
blink = false;
$(this).remove();
$('p').stop().fadeOut('fast');
return false;
});
loaderBlink();