Biblioteca JavaScript Tiny para texto Typewriter Effect-JS-Printer

Tiempo de ejecución: 30 minutos. Empezar

Autor: Zhiqing-Lee
Views Total: 2,055
Sitio oficial: Ir a la web
Actualizado: August 21, 2015
Licencia: MIT

Vista prévia

Biblioteca JavaScript Tiny para texto Typewriter Effect-JS-Printer

Descripción

JS-Printer es una librería JavaScript independiente y muy pequeña que le permite presentar letra de texto por letra como una máquina de escribir.

Funcionamiento

Cargue el archivo JS Printer. js en su página HTML.

<script src="javascript/printer.js"></script>

Cree el texto que desea presentar y especifique el contenedor de salida.

var str = 'echo Welcome!\n';


str += 'echo This is a demo of js-printer\n';


str += 'echo Thanks!\n';


str += 'exit\n';


Printer.init(str, {



selector: 'show-board', // target container



lnStr: '[email protected] ~/ # ' // prefix


}).print();

Opciones disponibles con defautls.

// animation speed
"speed" : 50,

// target container ID
"selector" : 'canvas',

// initial character
"startIndex" : 0,

// last character
"endIndex" : 0,

// cursor options
"hasCur" : true,
"curId" : 'cur',
"curStr" : '_',
"curStyle" : 'font-weight: bold;',
"curSpeed" : 100,

// prefix
"lnStr": ""

Te puede interesar: