Vue implementiert eine Zeit-Countdown-Funktion

<Vorlage>
 <div>Verbleibende Zahlungsfrist: {{count}}</div>
</Vorlage>
<Skript>
Standard exportieren {
    Daten() {
        zurückkehren {
            Anzahl: '', // Countdown-Sekunden: 864000 // 10 Tage in Sekunden}
    },
    montiert() {
        this.Time() //Rufe den Timer auf},
    Methoden: {
        // Tag-, Stunden-, Minuten- und Sekundenformatierungsfunktion countDown() {
            lass d = parseInt(diese.Sekunden / (24 * 60 * 60))
            d = d < 10 ? "0" + d : d
            sei h = parseInt(this.seconds / (60 * 60) % 24);
            h = h < 10 ? "0" + h : h
            lass m = parseInt(diese.Sekunden / 60 % 60);
            m = m < 10 ? "0" + m : m
            lass s = parseInt(this.seconds % 60);
            s = s < 10 ? "0" + s : s
            this.count = d + 'Tag' + h + 'Stunde' + m + 'Minute' + s + 'Sekunde'
        },
        //Der Timerparameter wird jede Sekunde um 1 reduziert
        Zeit() {
            setzeIntervall(() => {
                diese.Sekunden -= 1
                dies.countDown()
            }, 1000)
        },
    }
}
</Skript>

Zählzeit: Funktion () {
        //Aktuelle Uhrzeit abrufen var date = new Date();
        var jetzt = date.getTime();
        //Frist festlegen var endDate = new Date("2018-10-22 23:23:23");
        var end = endDate.getTime();
        //Zeitunterschied var leftTime = end - now;
        //Definiere die Variablen d, h, m, s, um die Countdown-Zeit zu sparen, if (leftTime >= 0) {
                    d = Math.floor(linkeZeit / 1000 / 60 / 60 / 24);
                    dies.h = Math.floor(linkeZeit / 1000 / 60 / 60 % 24);
                    this.m = Math.floor(linkeZeit / 1000 / 60 % 60);
                    dies.s = Math.floor(linkeZeit / 1000 % 60);
         }
          konsole.log(dies.s);
          //Rufen Sie die Methode countTime jede Sekunde rekursiv auf, um den dynamischen Zeiteffekt anzuzeigen. setTimeout(this.countTime, 1000);
 }