/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

-1 vote143 views2 answers
How to make html body alway 100% height and width
Html
0 vote125 views1 answer
Use font on website html
Html
0 vote143 views1 answer
Disable copy text from a website
Html
0 vote134 views1 answer
Wbr tag html
Html
21 votes149 views4 answers
Bootstrap 5 text bold
Html
1 vote150 views1 answer
Nuxt title page
Html
1 vote137 views1 answer
Html set input type date to disable previous dates
Html
0 vote188 views1 answer
 html
Html
29 votes136 views6 answers
Textarea bootstrap
Html
0 vote158 views1 answer
How to declare a div
Html