Zeitzone einstellen, während jQuery CountDown mit

Question

Zur Zeit haben wir in diesem Code, der funktioniert, außer es eine bestimmte Zeitzone verwenden muss, anstatt die Zeitzone des Benutzers:

$('#countdown').countdown('<?php echo $date_end?>').on('update.countdown', function(event) { 
      var format = '%-S second%!S'; 

      if (event.offset.years > 0 || event.offset.weeks > 0 || event.offset.days > 0 || event.offset.hours > 0 || event.offset.minutes > 0) { 

       if(event.offset.minutes > 0) { 
        format = '%-M minute%!M ' + format; 
       } 
       if(event.offset.hours > 0) { 
        format = '%-H hour%!H ' + format; 
       } 
       if(event.offset.days > 0) { 
        format = '%-d day%!d ' + format; 
       } 
       if(event.offset.weeks > 0) { 
        format = '%-w week%!w ' + format; 
       } 
      } 
      $(this).html(event.strftime(format)); 
     }).on('finish.countdown', function(event) { 
      $(this).html('Finished'); 
     }); 

ich einige Beispiele für das Hinzufügen Zeitzonen gesehen haben, aber niemand benutzt das jquery countdown plugin auf dieselbe Weise wie wir es sind.

Haben Sie Ideen, wie Sie +10 als aktuelle Zeitzone hinzufügen können? verwendet es also eher als die Zeitzone des Benutzers?

Danke.

Answer 1

Sieht aus wie das tatsächliche Datum, das in dem Code verwandt wird, von dem PHP-Snippet stammt. Sie können die Standard-Zeitzone in PHP gesetzt werden:

date_default_timezone_set($timezone_identifier); 

$timezone_identifier ist eine Zeichenfolge, die Dinge wie 'UTC' oder 'America/Los_Angeles' sein kann. Eine vollständige Liste der unterstützten Zeitzonen-IDs finden Sie unter related PHP docs.

Answer 2

Entsprechend der Dokumentation können Sie auf das finalDate-Objekt mit event.finalDate zugreifen. Also, wenn Sie nicht die Zeitzone Server-Seite einstellen können, tun event.finalDate.setUTCHours(10) vor event.strftime

Mehr auf setUTCHours Aufruf hier: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setUTCHours

Answer 3

Ich vermute, Sie https://github.com/hilios/jQuery.countdown verwenden, weil sie es nicht Zeitzone Optionen zu verwenden .

Ich verwendete moment.js und moment-timezone-with-data.js (enthält alle Zeitzonen) Zeitzone zu behandeln.

<div data-countdown="2015/05/20" data-zone="US/Central" class="countdown"></div> 

Funktion das Datum richtige Zeitzone und kehrt in Millisekunden

var timefun = function (countdown,zone){ 
var date = moment.tz(countdown,"YYYY/MM/DD",zone); 
return date.valueOf(); 
} 

make Verwendung der obigen Funktion zu übergeben Millisekunden als Argument an jQuery.countdown()

$(".countdown").countdown(timefun($(".countdown").data("countdown"),$(".countdown").data("zone"))) 

konvertiert

Beispiel: http://jsfiddle.net/heLrsnqx/2/

, wenn Sie http://keith-wood.name/countdown.html verwenden, finden folgende Beispiel

Beispiel: http://jsfiddle.net/w1oyv8kv/