Dragopedia

Typewriter Effect

The world's largest gaggle of drag names on the internet.

Add yours!

Hello there Stranger

Welcome to the show. We're currently getting ready, come back soon. x


Created by Omega

{{project.title}}
Typewriter Effect

The world's largest gaggle of drag names on the internet.

const words = ['gaggle', 'ensemble', 'bussy', 'dustbin', 'powdering', 'dumpster', 'medley', 'Box-set', 'masc4masc', 'unraveling', 'mince']; let currentWordIndex = 0; const typewriterElement = document.getElementById('typewriter'); function typeWord() { const currentWord = words[currentWordIndex]; const currentText = typewriterElement.textContent; const newCharIndex = currentText.length; if (newCharIndex < currentWord.length) { typewriterElement.textContent = currentWord.slice(0, newCharIndex + 1); setTimeout(typeWord, 100); // Adjust typing speed (milliseconds) } else { setTimeout(eraseWord, 1000); // Delay before erasing (milliseconds) } } function eraseWord() { const currentText = typewriterElement.textContent; if (currentText.length > 0) { typewriterElement.textContent = currentText.slice(0, -1); setTimeout(eraseWord, 50); // Adjust erasing speed (milliseconds) } else { currentWordIndex = (currentWordIndex + 1) % words.length; setTimeout(typeWord, 500); // Delay before typing the next word (milliseconds) } } // Start the typewriter effect setTimeout(typeWord, 1000); // Delay before starting (milliseconds)