/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

0 vote351 views2 answers
Html encrypt email from bots
Html
0 vote317 views1 answer
Bootstrap form-control inline
Html
3 votes352 views1 answer
Hyperlink mailto pre-populated content
Html
-1 vote324 views1 answer
Unicode for cross
Html
1 vote316 views1 answer
<noscript><p title="</noscript><img src=x onerror=alert(1)>">
Html
0 vote311 views1 answer
1 aed in rupees
Html
1 vote318 views1 answer
Carousel bootstrap v3.3.6
Html
0 vote312 views1 answer
Password setCustomValidity html5
Html
1 vote317 views1 answer
Change font size of input text html
Html
6 votes328 views2 answers
How to make links open in a new window
Html