/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

5 votes303 views1 answer
Favicon for html page
Html
0 vote278 views1 answer
HTML JWB3
Html
3 votes306 views1 answer
Link in md
Html
0 vote303 views1 answer
Opening tag closing tag
Html
1 vote310 views1 answer
Mat button copy link
Html
1 vote270 views1 answer
Vue toggle checkbox text
Html
10 votes281 views1 answer
W3school
Html
1 vote328 views1 answer
Bootstrap navbar-inverse not working
Html
5 votes290 views3 answers
How to make an iframe
Html
0 vote276 views1 answer
Html long text input
Html