/Html/Display letter in html element letter by letter

Display letter in html element letter by letter

document.addEventListener('DOMContentLoaded', function() {

    showText("#msg", "Hello, World!", 0, 100);

});

let showText = function (target, message, index, interval) {
    if (index < message.length) {
        document.querySelector(target).innerHTML =
            document.querySelector(target).innerHTML + message[index++];
        setTimeout(function () { showText(target, message, index, interval); }, interval);
    }
}

Source: stackoverflow.com

Similar codes

12 votes166 views2 answers
<a href="tel:+91-999900670">9999000670</a>
Html
3 votes150 views3 answers
How to show iframe in full width
Html
0 vote162 views2 answers
How to put two words in a button on single line
Html
20 votes155 views4 answers
How get element by name in jquery
Html
6 votes159 views5 answers
Input type text in html
Html
53 votes122 views6 answers
Html favicon link
Html
0 vote154 views1 answer
Html skype chat link
Html
0 vote176 views1 answer
How to inject html in wtforms
Html
0 vote178 views1 answer
Lightweight charts cdn
Html
0 vote208 views1 answer
Barra di ricerca in html
Html