/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

4 votes109 views2 answers
How to change h1 color in html
Html
4 votes95 views1 answer
Html.ActionLink with parameters
Html
15 votes112 views2 answers
Html format date
Html
13 votes104 views3 answers
Rotate image html
Html
0 vote98 views1 answer
Html border dashed spacing
Html
52 votes106 views4 answers
HTML starter
Html
0 vote100 views1 answer
Ol list showing without numbers
Html
5 votes109 views2 answers
Responsive website in css
Html
0 vote110 views3 answers
Html entity double quote
Html
2 votes101 views1 answer
Laravel raw html
Html