lib/counter.js

/**
 * @classdesc Calculates elapsed time for each level
 * and updates given DOMElement.
 * Time converted to 00:00:00 format.
 * @class
 */
export class Counter {
  /**
   * construct Counter
   */
  constructor() {
    this.intervalHandle = 0;
    this.strDiff = '';
    const now = Date.now();
    this.timer = {
      start: now,
      end: now,
      diff: 0,
    };
  }
  /**
   * @summary Mandatory parameter, which will be used to write result.
   * @param {HTMLDivElemnt} el counter element in toolbar
   */
  reset(el) {
    const now = Date.now();
    this.timer = {
      start: now,
      end: now,
      diff: 0,
    };
    this.board = el;
  }
  /**
   * @summary Starts or resets counter.
   */
  start() {
    const self = this;
    const now = Date.now();
    this.timer.start = now;
    this.timer.end = now;
    this.timer.diff = 0;
    this.intervalHandle = window.setInterval(() => {
      self.diff();
    }, 100);
  }
  /**
   * @summary Calculate difference between start/stop and convert it to ISO.
   */
  diff() {
    const now = Date.now();
    this.timer.end = now;
    this.timer.diff = this.timer.end - this.timer.start;
    this.strDiff = new Date(this.timer.diff).toISOString().slice(11, -5);
    this.board.innerHTML = this.strDiff;
  }
  /**
   * summary Stops the counter.
   */
  stop() {
    window.clearInterval(this.intervalHandle);
  }
}