扩展时钟 - JavaScript 中文教程

我们有一个 Clock 类。目前，它每秒打印一次时间。

          class Clock {
  constructor({ template }) {
    this.template = template;
  }

  render() {
    let date = new Date();

    let hours = date.getHours();
    if (hours < 10) hours = '0' + hours;

    let mins = date.getMinutes();
    if (mins < 10) mins = '0' + mins;

    let secs = date.getSeconds();
    if (secs < 10) secs = '0' + secs;

    let output = this.template
      .replace('h', hours)
      .replace('m', mins)
      .replace('s', secs);

    console.log(output);
  }

  stop() {
    clearInterval(this.timer);
  }

  start() {
    this.render();
    this.timer = setInterval(() => this.render(), 1000);
  }
}
        

创建一个新的类 ExtendedClock，它继承自 Clock 并添加参数 precision - “滴答”之间的时间间隔（毫秒）。默认情况下应为 1000（1 秒）。

您的代码应位于 extended-clock.js 文件中
不要修改原始的 clock.js。扩展它。

打开任务的沙箱。

          class ExtendedClock extends Clock {
  constructor(options) {
    super(options);
    let { precision = 1000 } = options;
    this.precision = precision;
  }

  start() {
    this.render();
    this.timer = setInterval(() => this.render(), this.precision);
  }
};
        

在沙箱中打开解决方案。