JSFiddle - React, Tailwind, and code Playground

by defmetalhead

HTML

<div id="fadeIn" style="color: #000"></div>

JavaScript

$(function () {
	var string = "David";
	var dest = $('#fadeIn');
	var c = 0;
	var i = setInterval(function () {
		if (c >= string.length) {
			clearInterval(i);
			dest.text(string);
		} else {
			$('<span>').text(string[c]).
			appendTo(dest).hide().fadeIn(1000);
			c += 1;
		}
	}, 1000);
});