post

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

Publicado em: 10/11/2021

Categorias: BlogJavaScript

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>


Link de compartilhamento

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.

bruno.art.br/pb/1148

ID de Referência: 1148

Sugira uma publicação

Envie uma mensagem para mim, e sugira alguma publicação de algum tema que tenha dificuldades de resolver.

Clique aqui e entre em contato


Comentários