typeText
Structure
<button onclick="typeText()" style="border:none;padding:8px 12px">typeText</button>
<p id="myText" style="font-size:30px;"></p>
Process
<script>
var i = 0;
var txt = 'Just type any text you like at your own speed..!';
var speed=100;
function typeText() {
if (i < txt.length) {
document.getElementById("myText").innerHTML += txt.charAt(i++);
setTimeout(typeText, speed);
}
}
</script>