Animación de escritura de texto controlable en JavaScript puro-Typeplay. js
| Autor: | stoilivanov |
|---|---|
| Views Total: | 261 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 25, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Typeplay. js es una biblioteca de JavaScript vainilla para crear animaciones de escritura de texto con soporte para esperar, borrar, repetir, etc.
Funcionamiento
Instale el paquete con NPM.
# NPM $ npm install typeplay --save
Importe el módulo.
import TypePlay from 'typeplay';
Inicializar el TypePlay en un contenedor específico.
const element = document.getElementById("typeContainer");
let typer = new TypePlay(element); Escriba algo en el elemento contenedor con los métodos siguientes.
- esperar: Haga que el script espere antes de la siguiente acción
- eraseAll: Borra todos los caracteres antes del cursor
- Borrar: Borra los caracteres N antes del cursor
- repetir: Repite la secuencia de acciones
typer
.wait(2500)
.eraseAll()
.type("Helo World!")
.erase(8)
.wait(70)
.type("lo World!")
.wait(620)
.type(" Check my source code..")
.wait(10000)
.repeat()
.play();
})(); Configuración de la velocidad de escritura/borrado.
let typer = new TypePlay(element,{
typeSpeed: { min: 140, max: 220 },
delSpeed: { min: 50, max: 90 }
});
