JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<div id="mouseContainer">
  <a href="#" id="testLink">Test Link</a>
</div>

CSS

body {
  min-width: 500px;
  min-height: 500px;
  background-color: gray;
}

JavaScript

$(document).ready(function() {

	function setWaitCursor() {
    $('*').css('cursor', 'wait');
  }

  function setDefaultCursor() {
    $('*').css('cursor', '');
  }
  
  $('#testLink').on('click', function() {
  	setWaitCursor();
    setTimeout(function(){
  		setDefaultCursor();
		}, 2000);
  	return false;
  });
  
});