倒計時計時器我需要能夠顯示一個倒數計時器,顯示將有多少分鐘和幾小時,直到運輸和處理的最後期限被命中有一個產品交付(並顯示估計以此爲依據)。我需要在JS/jQuery
我對JS/jQuery非常陌生,知道這可以在PHP中完成,但我通過第三方工具注入JS來幫助我測試,所以它必須是JS。真的希望得到任何幫助,我也一直在關注moment.js。
倒計時計時器我需要能夠顯示一個倒數計時器,顯示將有多少分鐘和幾小時,直到運輸和處理的最後期限被命中有一個產品交付(並顯示估計以此爲依據)。我需要在JS/jQuery
我對JS/jQuery非常陌生,知道這可以在PHP中完成,但我通過第三方工具注入JS來幫助我測試,所以它必須是JS。真的希望得到任何幫助,我也一直在關注moment.js。
你需要一個現成的東西,你可以從中學習?
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();
改進您的需求。
你可以使用這個著名的jQuery插件從這裏:http://keith-wood.name/countdown.html
爲此,您需要的Jquery V2.0.1這裏提到,http://plugins.jquery.com/kbw.countdown/
所有你需要做的是包括下載文件,包括JS和CSS文件,並按照網站上給出的步驟,你很好去。
1.做一些基本的JS教程來熟悉這門語言。 2.瞭解setInterval和setTimeout。 3.瞭解Date對象。把它放在一起。 –