複数インスタンスのタイマーをタイムゾーン対応に拡張する

Question

オークション形式で販売されている商品の終了時間をカウントダウンするために使用するjsタイマーがあります。私が使っているjsは以下の通りです。

$('[data-countdown]').each(function() { 
var $this = $(this), finalDate = $(this).data('countdown'); 
$this.countdown(finalDate, function(event) { 
$this.html(event.strftime('%-Dday%!D %-Hhr%!H %Mmin%!M %Ssec')); 
}); 
}); 

私はこのタイムゾーンを認識して、オンラインで検索してMomentJSを見つけました。 私は、moment-with-locales.min.jsとmoment-timezone-with-data-2010-2020.min.jsファイルを含めましたが、それらは正しくロードされています。

github上のサンプルが単一のインスタンスタイマーのためだけであるため、私は現在のスクリプトにjsを統合する方法について私の頭を浮かべるのに本当に苦労しています。 彼らは与えるのコード例は、

var nextYear = moment.tz("2015-01-01 00:00", "America/Sao_Paulo"); 
$('#clock').countdown(nextYear.toDate(), function(event) { 
$(this).html(event.strftime('%D days %H:%M:%S')); 
}); 

では、今、私は、データ・カウントダウンに格納されている私の日に

= moment.tz("2015-01-01 00:00", "America/Sao_Paulo"); 

型コードを適用する必要があると仮定し、私はちょうど空白で終わりますカウントダウンする場所。

これは私がmoment.tzコマンドを追加する間違っている

var $this = $(this), finalDate = moment.tz($(this).data('countdown'), "America/Sao_Paulo"); 

を実行しようとしました何ですか？

Answer 1

は私が

$('[data-countdown]').each(function() { 
var $this = $(this), finalDate = moment.tz($(this).data('countdown'), "Europe/London"); 
$this.countdown(finalDate.toDate(), function(event) { 
$this.html(event.strftime('%-Dday%!D %-Hhr%!H %Mmin%!M %Ssec')); 
}); 
}); 

を使用して、それが動作するようになった私が持っている唯一の問題は時間が出て1時間であるということです。ロンドンの15:00の終了時間は、パリのカウントダウンに1時間以上かかるはずですが、現時点では2時間以上あります。