post
Efeito de escrita automática (maquina de escrever) com JavaScript
Publicado 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>
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.