/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 vote366 views1 answer
Counterup html
Html
0 vote331 views1 answer
Vuetify datatable header checkbox select all
Html
0 vote369 views1 answer
Bootstrap switch change text
Html
17 votes336 views3 answers
Required option for select tag
Html
24 votes363 views3 answers
Bootstrap Alerts Additional content
Html
127 votes330 views6 answers
Html href new tab
Html
0 vote285 views1 answer
Make all fields read only in form
Html
2 votes352 views2 answers
Onsubmit in html
Html
1 vote271 views1 answer
How to remove .php .html extension with .htaccess
Html
0 vote350 views1 answer
Simple website with html and css
Html