Animación de texto de estilo terminal en JavaScript puro-Typing. js
| Autor: | xxnatc |
|---|---|
| Views Total: | 4,789 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 5, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Typing. js es una biblioteca JavaScript súper pequeña para emular a un usuario escribiendo algún texto en el terminal.
¿Cómo funciona?
Incluya el archivo de script Typing. js en cualquier lugar de la Página Web.
<script src="typing.js"></script>
Incluya la hoja de estilos Text-cursor. CSS para el cursor de estilo de terminal.
<link rel="stylesheet" href="text-cursor.css">
Agregue texto que desee escribir en la pantalla.
<p id="line1" class="hidden">Your mission, should you choose to accept it:</p> <p id="line2" class="hidden">Use your JavaScript coding knowledge.</p> <p id="line3" class="hidden">Finish this challenge!</p> <p id="cursor-line" class="visible">>> <span class="typed-cursor">█</span></p>
Ajuste la velocidad de escritura y los tiempos de espera.
var timeInit = 1000; // initial wait before typing first line var timeGap = 1000; // wait time between each line var timeChar = 40; // time until next letter
