/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 vote223 views1 answer
Bring footer to front html
Html
0 vote284 views1 answer
How to add number input field with default value
Html
0 vote247 views4 answers
How to populate a grid with images in html
Html
7 votes250 views4 answers
Html sample code
Html
1 vote222 views1 answer
How can we open file manager by html
Html
1 vote247 views1 answer
Axonivy sub component
Html
1 vote309 views1 answer
Move table tfoot at top
Html
4 votes233 views2 answers
How to center text in svg
Html
17 votes243 views5 answers
Innerhtml jquery
Html
0 vote234 views1 answer
Html to flutter
Html