JSFiddle - React, Tailwind, and code Playground

HTML

<input type='button' value='Click To Add to the Queue' id='clickIt'/>
<div id='display'>Show Stuff here</div>

JavaScript

var counter = 0;
var waitingTimeout;

$(function(){
  $('#clickIt').click(function(){
    doUpdate();
    clearTimeout(waitingTimeout);
    waitingTimeout = setTimeout(function(){noMoreClicks();},1000);
  });
});

function doUpdate(){
  $(document).queue('myqueue',function(next){
    counter+=1
    $('<div />').hide().html(counter).appendTo('#display').fadeIn(1000,next);
  });
}

function noMoreClicks(){
  $(document).dequeue('myqueue');
}