JSFiddle - React, Tailwind, and code Playground
by Alexander
HTML
<div id="text">
Птицы (лат. Aves) — класс теплокровных яйцекладущих позвоночных животных. Представляют собой хорошо обособленную группу, одним из наиболее характерных признаков представителей которой является покров из перьев, предохраняющий тело от неблагоприятных изменений температуры и играющий важную роль при полёте.
</div>
JavaScript
function wrapTextInTag($element, timeLag, wrapperTag) {
var charPosition = 0;
var startTime = 0;
var text = $element.text();
var textLength = text.length;
var characters = text.split("");
var newText = '';
var convertedText = '';
timeLag *= 1000;
$.each(characters, function(i, el) {
window.setTimeout(function() {
convertedText += '<' + wrapperTag +'>' + el + '</' + wrapperTag +'>';
newText = convertedText + text.slice(charPosition+1, textLength);
charPosition += 1;
$element.html(newText);
}, startTime);
startTime += timeLag;
});
}
////
var $element = $('#text');
wrapTextInTag($element, 0.01, 'b');