Simular máquina de escribir escribiendo en la pantalla-Typing. js
| Autor: | yat529 |
|---|---|
| Views Total: | 1,759 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 3, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Typing. js es un plugin de JavaScript vainilla utilizado para simular escribir y borrar efectos en la pantalla. Admite escritura de texto de varias líneas y estilos de fuente personalizados.
Funcionamiento
Inserte el Typing. CSS y Typing. js en el documento.
<link rel="stylesheet" href="typing.css"> <script src="typing.js"></script>
Cree un contenedor en el que desee generar el texto.
<div id="demo"></div>
Inicializar el Typing. js y estamos listos para ir.
- selector: contenedor de destino.
- velocidad : velocidad de escritura en milisegundos.
- InitialDelay: retardo inicial en milisegundos.
// selector, speed, initialDelay
_$("demo", 100, 800) Api.
- tipo de (String, Option): cadenas de tipo
- Wait (): tiempo antes de escribir
- Speed (): velocidad de mecanografía
- lineBreak (): añadir un salto de línea
- eliminar (cadena, opción): eliminar cadenas
_$("demo", 100, 800)
.type("Hello! ").wait(1000).speed(100)
.type("This is ").wait(300).speed(100)
.lineBreak()
.type("Typing Javascript", {
fontWeight: "bold",
color: "black",
}).speed(40)
.delete("Javascript").wait(1000).speed(200)
.type("JS", {
fontWeight: "bold",
color: "black",
}).wait(1000)
.lineBreak();
