Vue implementiert die Countdown-Komponente für zweite Kills

<Vorlage>
  <div>
      <input type="datetime-local" :min="currentTime" placeholder="Bitte geben Sie die Startzeit des Flash-Sales ein" v-model="startTime">
      <button @click="submit">Zeitmessung starten</button>
  </div>
  <div>
      <h1>{{ Countdown-Zeit }}</h1>
  </div>
</Vorlage>

<Skript>
lass Timer = null;
let tipTextPrefix = 'Verbleibende Zeit bis zum Beginn des Flash-Sales: ';
Moment aus „Moment“ importieren;
Standard exportieren {
    Name: 'CountDown',
    Daten() { return {
        currentTime: moment().format('YYYY-MM-DDTHH:mm'), // Bitte verwenden Sie die in den Schritten 1-3 berechnete Serverzeit startTime: moment().format('YYYY-MM-DDTHH:mm'),
        countDownTime: tipTextPrefix + '0 Tage 0 Stunden 0 Minuten 0 Sekunden'
    }},
    Methoden: {
        senden: function() {
            const _this = dies;
            Intervall löschen(Timer);
            Timer = Intervall festlegen(() => {
                _this.countDownTime = _this.countDown();
            }, 1000);
        },
        countDown: Funktion() {
            Konsole.log(diese.Startzeit);
            const Sekunden = Moment (diese.Startzeit).diff (neues Datum, 'Sekunden');
            if (Sekunden <= 0) {
                Intervall löschen(Timer);
                return „Zweiter Verkauf hat begonnen“;
            }
            const Sekunde = Sekunden%60;
            const Minuten = (Sekunden-Sekunde) / 60;
            const minute = Minuten%60;
            const Stunden = (Minuten-Minuten) / 60;
            const Stunde = Stunden%24;
            const Tag = (Stunden-Stunde) / 24;
            const res = tipTextPrefix + Tag + „Tag“ + Stunde + „Stunde“ + Minute + „Minute“ + Sekunde + „Sekunde“;
            Rückgabewert;
        }
    },
}
</Skript>

<Stil>

</Stil>