JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<div id="content"></div>
<span id='updateContent'>link to click</span>

CSS

#updateContent {
  display: inline-block;
  padding: 5px 10px;
  background-color: red;
  color: #fff;
}

JavaScript

let counter = 1;

$('body').on('click', '#updateContent', function() {
  $.ajax({
    url: 'https://jsonplaceholder.typicode.com/todos/' + counter,
    dataType: 'json',
    success: function(data) {
    	counter++;
    	$('#content').append('<p>' + data.id + ': ' + data.title + '<p/>');
    }
  });
});

let event = new Event('click', {
  bubbles: true
});

const intervalId = setInterval(function() {
	updateContent.dispatchEvent(event);

  if (counter > 10) {
  	clearInterval(intervalId);
  }
}, 500)