具有尊重时区矩js的每个dom选择器的倒计时

Question

我试图实现倒计时，从现在到结束时，多个表行与相同的类选择器。我看过所有其他相关的文章，但是我的小提琴曲会导致脚本错误。

我的html页面：

<table>
  <tr>
    <td>Blocked-1</td>
    <td class="bidtime-countdown" data-bidtime="2022-02-09 01:00:00" data-endtime="2022-02-11 04:00:00"></td>
  </tr>
  <tr>
    <td>Sold-1</td>
    <td>2022-02-09 00:20:00</td>
  </tr>
  <tr>
    <td>Blocked-2</td>
    <td class="bidtime-countdown" data-bidtime="2022-02-09 01:30:00" data-endtime="2022-02-11 05:30:00"></td>
  </tr>
</table>

html中提供的结束时间是亚洲/迪拜本地时区。所以我需要倒计时这个地方时区。

我找不到解决办法。有向导吗？下面是我正在做的小提琴。

JSFIDDLE

Answer 1

似乎您使用了diff错误，而且它也只在对象上工作。尝试使用jquery倒计时的toDate。

试试这个：

$(function() {
  $('[data-endtime]').each(function() {
    var $this = $(this);
    var end = $(this).data('endtime');
    $this.countdown(moment.tz(end, "Asia/Dubai").toDate(), function(event) {
      $this.html(event.strftime('%d day %H:%M:%S'));
    });
  });
});

演示

添加: moment.min.js、timezone with-data.js和jquery.min.js库。