Efecto de escritura de texto realista-Realistic-Typewriter. js
| Autor: | fardjad |
|---|---|
| Views Total: | 2,075 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 8, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Realistic-Typewriter. js es una biblioteca de JavaScript que se utiliza para imitar el texto de la máquina de escribir/borrar efectos al igual que el terminal. Escrito en CoffeeScript.
Funcionamiento
Cargue la versión compilada & minimizada de Realistic-Typewriter. js en su página HTML.
<script src="typewriter-bundle.min.js"></script>
La estructura HTML.
<span id="typewriter" class="typewriter"></span> <span class="caret"> </span>
El uso básico:
var typewriter = require('typewriter');
var twSpan = document.getElementById('typewriter');
var tw = typewriter(twSpan).withAccuracy(95)
.withMinimumSpeed(5)
.withMaximumSpeed(17)
.build();
tw.put('$ ')
.waitRange(500, 1000)
.type('ls realistic-typewriter.js')
.put('<br/>')
.waitRange(1000, 1500)
.put('ls: realistic-typewriter.js: No such file or directory<br/>')
.put('$ ')
.waitRange(1000, 1500)
.type('exit')
.put('<br/>')
.wait(500)
.put('logout<br/><br/>')
.put('[Process completed]<br/>'); Registro de cambios
v0.2.3 (10/08/2018)
- actualizar
