/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 vote206 views2 answers
Blade loop index
Html
0 vote203 views1 answer
Image background drawable android studio
Html
0 vote207 views1 answer
Input type submit align center
Html
0 vote231 views1 answer
Html.getenumselectlist
Html
2 votes209 views3 answers
Meta theme-color
Html
0 vote218 views3 answers
How can we change background in loop img in webpages
Html
3 votes208 views2 answers
Semantic elements
Html
0 vote217 views1 answer
Wordpress to static html
Html
0 vote209 views1 answer
Html pass attribute to react
Html
2 votes198 views2 answers
Jinja2 iterate dict
Html