JSFiddle - React, Tailwind, and code Playground

HTML

<div style="direction:rtl;">
<span id="text"></span>
<span id="cur">_</span>
</div>

JavaScript

window.onload = function(){
var text = 'النتالنک متن ساده است.';

var i =0;

var textCon = document.getElementById('text');
var cur = document.getElementById('cur');

var timer = setInterval(function(){
textCon.innerHTML = textCon.innerHTML+text[i];
if(i%2 == 0) cur.style.display='none';
    else cur.style.display='inline';

i++;

if(i==text.length) {clearInterval(timer);cur.style.display='none';}
},150);
}