/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 vote250 views1 answer
How to disable zoom in html page on different screen resolutions
Html
0 vote267 views1 answer
Html textarea along with cursor position set
Html
5 votes230 views1 answer
Vuejs router
Html
0 vote283 views2 answers
Mark html element
Html
32 votes252 views2 answers
Css change color on hover
Html
0 vote298 views1 answer
Bold text on HTML button
Html
10 votes276 views1 answer
Input type="file" and display image
Html
10 votes246 views4 answers
Check the role of user in on_message discord.py
Html
2 votes259 views1 answer
How to get rid how white border on html page
Html
2 votes264 views1 answer
Scroll to a div using href
Html