/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

10 votes169 views3 answers
Text monospace bootstrap
Html
25 votes179 views4 answers
Select dropdown default value
Html
0 vote170 views1 answer
How to add a button image
Html
1 vote218 views1 answer
Vue get element by id
Html
0 vote183 views2 answers
Html legend tag
Html
0 vote173 views1 answer
Vue destroy listeners
Html
10 votes164 views1 answer
Open link in a new tab hmtl
Html
6 votes159 views1 answer
<code> html tag
Html
0 vote165 views1 answer
Hange the anchor tag so it links to example.com:
Html
0 vote160 views1 answer
How to update html before alert
Html