Question

我需要能够显示一个倒数计时器，该计时器显示在运送和处理截止日期之前将会有多少分钟和小时，以便交付产品（并且还显示基于此的估计交货）。

我是JS / jQuery的新手，知道这可以在PHP中完成，但我通过第三方工具注入JS来帮助我测试，所以它必须是JS。真的在寻找我能得到的任何帮助，而且我也一直在研究moment.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文件，并按照网站中给出的步骤进行操作。

我需要JS / jQuery中的倒数计时器

2 个答案: