JS/jQueryでカウントダウンタイマーが必要

Question

商品を出荷するために出荷および処理の期限までヒットするまでの時間と分数を示すカウントダウンタイマーを表示できるようにする必要がありますそれに基づいて推定される配信）。

私はJS/jQueryには本当に新しく、これはPHPで行うことができますが、テストするのに役立つJSをサードパーティのツールで注入しているので、JSでなければなりません。本当に私が得ることができる助けを探し、私も瞬間を見てきました.js。

Answer 1

あなたはあなたが学ぶことができる準備ができたものが必要ですか？

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

あなたのニーズに合わせて改善しました。

Answer 2

ここからこの有名なjQueryプラグインを使用することができます。このためhttp://keith-wood.name/countdown.html

をここに述べたようにあなたはjQueryのv2.0.1のを必要とし、http://plugins.jquery.com/kbw.countdown/

をあなたがする必要があるすべてのファイルをダウンロードして、JSなどが含まれていますとCSSファイルをダウンロードし、サイトに記載されている手順を実行し、あなたは行くのが良いです。