每个 dom 选择器的倒计时与时区 Moment js

Question

我正在尝试使用相同的 class 选择器为多个 table 行实现从现在到结束的倒计时。我已阅读所有其他相关帖子，但我的 jsfiddle 出现脚本错误。

我的 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 中提供的结束时间是 Asia/Dubai 当地时区。所以我需要与本地时区相关的倒计时。

我找不到解决方案。任何指南？下面是我正在处理的 jsfiddle。

JSFIDDLE

Answer 1

看来您使用的 diff 有误，而且它仅适用于对象。尝试使用 jquery 倒计时来约会。

试试这个：

$(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'));
    });
  });
});

demo

添加：moment.min.js、moment-timezone-with-data.js 和 jquery-countdown.min.js 库，如演示中那样。

每个 dom 选择器的倒计时与时区 Moment js

Countdown of each dom selector with respect timezone Moment js

javascript

momentjs

moment-timezone