$(document).ready(function () {
// Efecto para escritura, se llama como typeit en el estilo
typeItOut();
function typeItOut(){
var els = [];
var intID = 0;
var init = _init();
function _init() {
$('.typeit').each(function(index, el){
var target = $(el);
var string = target.text();
$(el).text('');
els.push({
target : target,
string : string
});
});
intID = setInterval(typeLetters, 100);
}
function typeLetters(){
if(els.length <= 0) clearInterval(intID);
for(var i in els){
var target = els[i].target;
var text = els[i].string.substring(0, target.text().length + 1);
target.text( text );
if(els[i].string.length == text.length) {
els.splice(i, 1);
}
}
}
}
});
body {
background: #000460;
color: #48ABF3;
font-family: 'VT323', monospace;
}
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=VT323&display=swap" rel="stylesheet">
</head>
<body>
<p class="lead mb-0 typeit">Escito facil para funcar... Y, viéndole don Quijote de aquella manera, con muestras de tanta tristeza, le dijo: Sábete, Sancho, que no es un hombre más que otro si no hace más que otro. Todas estas borrascas que nos suceden son señales de que presto ha de serenar el tiempo y han de sucedernos bien las cosas; porque no es posible que el mal ni el bien sean durables, y de aquí se sigue que, habiendo durado mucho el mal, el bien está ya cerca.</p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</body>
</html>