Marcador de posición dinámico de Animate para el campo de entrada: Typewriter. js
| Autor: | BornaSepic |
|---|---|
| Views Total: | 112 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 21, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca de JavaScript Typewriter. js aplica texto de estilo de máquina de escribir/eliminar animaciones al texto de marcador de posición en el campo de texto.
Funcionamiento
Importe el Typewriter. js en el documento HTML.
<script src="typewriter.js"></script>
Cree una nueva instancia de TypeWriter, especifique el campo de texto de destino y defina una matriz de texto para el marcador de posición animado.
<input type="text" id="example">
new TypeWriter('#example', ['Text 1', 'Text 2', 'Text 3']); Especifique el retardo de escritura/borrado entre cada carácter.
new TypeWriter('#example', ['Text 1', 'Text 2', 'Text 3'],{
writeDelay: 60,
deleteDelay: 40
}); Especifique el retardo de escritura/borrado entre cada texto de marcador de posición
new TypeWriter('#example', ['Text 1', 'Text 2', 'Text 3'],{
holdOnceWritten: 1000,
holdOnceDeleted: 1000
}); Determine si la animación se ejecutará solo una vez.
new TypeWriter('#example', ['Text 1', 'Text 2', 'Text 3'],{
stopAfterOnce: true
});
