Visitar URL original
Sinfga qayta yozish
darsga qaytish

Sinfga qayta yozish

Clock klassi (qum qutisiga qarang) funktsional uslubda yozilgan. Uni klass sintaksisida qayta yozing.

P.S. Konsolda soat chayqaladi, ko’rish uchun uni oching.

Vazifa uchun sandbox-ni oching.

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);
  }
}

let clock = new Clock({ template: "h:m:s" });
clock.start();

Yechimni sandbox-da oching.