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

I need a countdown timer in JS/jQuery

本文关键字：倒计时 计时器 jQuery JS      更新时间：2023-09-26

我需要能够显示一个倒计时计时器，显示在到达发货和处理截止日期之前需要多少分钟和小时才能交付产品（并显示基于此的估计交付量）。

我是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文件，并按照网站中给出的步骤进行操作，你就可以开始了。

相关文章：