2016-05-06 88 views
-2

倒計時計時器我需要能夠顯示一個倒數計時器,顯示將有多少分鐘和幾小時,直到運輸和處理的最後期限被命中有一個產品交付(並顯示估計以此爲依據)。我需要在JS/jQuery

我對JS/jQuery非常陌生,知道這可以在PHP中完成,但我通過第三方工具注入JS來幫助我測試,所以它必須是JS。真的希望得到任何幫助,我也一直在關注moment.js。

+0

1.做一些基本的JS教程來熟悉這門語言。 2.瞭解setInterval和setTimeout。 3.瞭解Date對象。把它放在一起。 –

回答

2

你需要一個現成的東西,你可以從中學習?

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

改進您的需求。