“Digitando Animação em JS” Respostas de código

Digitando Animação em JS

// typing animation in js:
//copy the following code:
const sleep = (milliseconds) => {
  return new Promise(resolve => setTimeout(resolve, milliseconds))
}

const applyTypingAnimation = async (element, delay) => {
  const stringToWrite= element.innerText;
  element.innerHTML= "";
  let refill= "";
  const cursorHTML= "▮";
  for (character of stringToWrite) {
    refill+= character;
    await sleep(delay)
    element.innerHTML= refill+cursorHTML;
  }
}

// calling the function:
applyTipingAnimation(/*your element*/, /*your delay*/)
Cloudy Caribou

JS de digitação animada

<script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>
var app = document.getElementById('app');

        var typewriter = new Typewriter(app, {
            loop: true,
            delay: 75,
        });

        typewriter
            .pauseFor(500)
            .typeString('Websites')
            .pauseFor(500)
            .deleteChars(9)
            .pauseFor(500)
            .typeString('Messenger')
            .pauseFor(500)
            .deleteChars(9)
            .pauseFor(500)
            .typeString('Instagram')
            .pauseFor(500)
            .deleteChars(9)
            .pauseFor(500)
            .typeString('Whats App')
            .pauseFor(500)
            .deleteChars(9)
            .pauseFor(1000)
            .start();
Anthony Smith

Respostas semelhantes a “Digitando Animação em JS”

Perguntas semelhantes a “Digitando Animação em JS”

Mais respostas relacionadas para “Digitando Animação em JS” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas de código