post #1148

Efeito de escrita automática (maquina de escrever) com JavaScript

Publicado em: 10/11/2021 / Atualizado em: 10/11/2021

Para implementar a função com efeito de maquina de escrever, use o código abaixo:

1° Importe o CDN

<script src="https://unpkg.com/typewriter-effect@latest/dist/core.js" charset="utf-8"></script>

2° Elemento HTML

<p id="tw">Olá, isso é um texto!</p>

3° Inicie o código de configuração

  <script>

  var appText = document.querySelector('#tw');
  var twText = document.querySelector('#tw').innerText;

  var typewriter = new Typewriter(appText, {
  loop: true,
  });

  typewriter
  .typeString(twText)
  .pauseFor(1500)
  .start();

  </script>

Publicações recomendadas:

Link Direto

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.

bruno.art.br/?p=1148

ID de Referência: 1148

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato

MENU