Ich brauche einen Countdown - Timer in JS/jQuery

Question

Ich muss in der Lage sein, einen Countdown - Timer anzuzeigen, der angibt, wie viele Minuten und Stunden es dauern wird, bis ein Versand - und Bearbeitungsfrist getroffen wird, um eine Produkte geliefert zu haben geschätzte Lieferung basierend darauf).

Ich bin wirklich neu in JS/jQuery und weiß, dass dies in PHP getan werden kann, aber ich injiziere JS durch ein Drittanbieter-Tool, um mich zu testen, so muss es JS sein. Wirklich auf der Suche nach Hilfe, die ich bekommen kann, und ich habe auch in moment.js gesucht.

Answer 1

Sie benötigen ein vorgefertigtes Zeug, von dem Sie lernen können?

class Clock { 
    constructor(date = new Date(), deadline = false) { 
    this.date = date; 
    this.deadline = deadline; 
    } 
    start() { 
    let interval = setInterval(() => { 
    this.date = new Date(this.date.getTime() - 1000); 
    if(this.date === this.deadline) { 
     window.clearInterval(interval); 
     return; 
    } 
    const zeroIt = (...dateArray) => { 
     return dateArray.map((date) => { 
     return date < 10 ? '0' + date : date; 
     }); 
    }; 

    var dateArray = zeroIt(this.date.getHours(), this.date.getMinutes(),this.date.getSeconds()); 

    document.body.innerHTML = dateArray.join(' : '); 
    },1000); 
} 

} 

const clock = new Clock(); 
clock.start(); 

Verbessern Sie für Ihre Bedürfnisse.

Answer 2

Sie können dieses berühmte jQuery-Plugin von hier verwenden: http://keith-wood.name/countdown.html

Dafür benötigen Sie JQuery v2.0.1, wie hier erwähnt, http://plugins.jquery.com/kbw.countdown/

Alles, was Sie tun müssen, ist, umfassen die Dateien herunterladen und schließen die js und CSS-Datei und folgen Sie den Schritten auf der Website und Sie sind gut zu gehen.