timetable-f v2.0.3

Table of Contents

1. Install
2. QuickStart
3. Introdaction
4. API
   • show()
   • moveLeft()
   • moveRight()
   • Customization

6. Contributing
7. Motivation

npm i timetable-f

new Timetable('#root').show(' YOUR TEXT ');

  let timetable = new Timetable('#timer');
  let format = time => time < 10 ? '0' + time : time;

  setInterval(() => {
    let date = new Date();
    const HOURS = format(date.getHours());
    const MINUTES = format(date.getMinutes());
    const SECONDS = format(date.getSeconds());

    timetable.show(` ${HOURS}:${MINUTES}:${SECONDS}`);
  }, 1000);

{
  ua: 'АБВГДЕЄЖЗИІЇЙКЛМНОПРСТУФХЦЧШЩЬЮЯ._-!:><=+/0123456789',
  eng: "ABCDEFGHIJKLMNOPQRSTUVWXYZ-.':?><+/=_!0123456789"
}

const table = new Timetable('.className');
table.show('your text');

We only show your text.

const table = new Timetable('.className');
table.moveLeft('your text');

In the above example text will move from right to left (by default one circle & with speed 500)

const table = new Timetable('className');
table.moveRight('your text');

In the above example text will move from left to right (by default one circle & speed 500)

Timetable.getDefault();

const options = {
  'languageKey': 'eng',
  // You can style your root through this field
  'rootHeight': 30,
  'rootWidth': 0,
  'rootBackground': '#16300b',
  'lampColorOn': '#9dd143',
  'lampColorOff': '#1d5110',
  'timeInterval': 500
};
const t = new Timetable('#root', options);

    const table = new Timetable('.className', {languageKey = 'ua'})

   const options = {
       rootBackground = 'black',
       lampColorOn = 'red',
       lampColorOff = 'blue',
   };
    
    const table = new Timetable('.className', options)
    table.show('your text');

const timeToRepeat = 2; // optional =0
const timeout = 300; // optional =500

const table = new Timetable('.className');
table.moveLeft('your text', timeToRepeat, timeout);

table.clear()

You click on table and see coordinates in console. Then copied into Character obj.