function runTypingEffect() { const text = 'I am Chuck Winters.'; const typingElement = document.getElementById('typing-text'); const typingDelay = 100; typeText(text, typingElement, typingDelay); } function typeText(text, typingElement, typingDelay) { for (let i = 0; i < text.length; i++) { setTimeout(() => { typingElement.textContent += text.charAt(i); }, typingDelay * i); } } document.addEventListener('DOMContentLoaded', runTypingEffect)
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter