Skip to content

PradeepJaiswar/live-football-match-timer

Repository files navigation

Live football match timer

React component for showing live football match timer

Pre-requisites

Install Dependencies

npm install

Run example App

npm start

Open localhost:9000

Example

import MatchTimer from 'live-football-match-timer';

const config = {
  matchDate: '2018/12/12',
  id: '23',
  startTime: '13:00',
};

class YourComponent extends React.Component {
  constructor(props, context) {
    super(props, context);
    this.state = {
    };
  }
  render() {
    return (
      <div >
        <MatchTimer config={config} />
      </div>
    );
  }
}

Config

You can custmize config param pass to component

Required params

Name Type Default Description
matchDate string - Match date in YYYY/MM/DD format
id string - Unique match identifier
startTime string - match start time in 24 hour format hh:mm

Optinal params

Name Type Default Description
eachHalfTime number 45 Each half Time
halfBreakTime number 15 -
firstHalfExtraTime number 0 -
secondHalfExtraTime number 0 -
containerClass string null Container div class for component
TimerClass string null Timer span class
macthStatusTextClass string null Extra match status info div class for text Live/HT/FT and extra time with seconds