/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 votes233 views4 answers
Email regex html pattern
Html
0 vote225 views1 answer
How to stop text in html from becoming a link
Html
0 vote235 views1 answer
Why there's a default margin in html <body>
Html
0 vote231 views2 answers
Laravel csrf protection
Html
2 votes222 views1 answer
Uninstall xampp linux
Html
3 votes257 views6 answers
Bootstrap latest version
Html
0 vote220 views3 answers
How to load html code in web browser in c# vs
Html
1 vote209 views1 answer
Instagram post iframe
Html
0 vote217 views1 answer
Tailwind container
Html
1 vote240 views1 answer
Refused to display 'https://www.youtube.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
Html