Ustawianie strefy czasowej podczas korzystania z jQuery Countdown

Question

Obecnie mamy ten kod, który działa, oprócz tego, że musi użyć określoną strefę czasową, zamiast strefy czasowej użytkownika:

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

widziałem kilka przykładów dodawania strefy czasowe, ale żaden nie używa wtyczki odliczającej jquery w taki sam sposób jak my.

Jakieś pomysły, jak dodać +10 jako aktualną strefę czasową? więc korzysta z tego zamiast strefy czasowej użytkownika?

Dzięki.

Answer 1

Wygląda na to, że faktyczna data użyta w kodzie pochodzi z tego fragmentu kodu PHP. Można ustawić domyślną strefę czasową w PHP przy użyciu:

date_default_timezone_set($timezone_identifier); 

$timezone_identifier jest ciągiem znaków, które mogą być takie rzeczy jak 'UTC' lub 'America/Los_Angeles'. Aby uzyskać pełną listę obsługiwanych identyfikatorów stref czasowych, zobacz .

Answer 2

Zgodnie z dokumentacją można uzyskać dostęp do obiektu finalDate za pomocą event.finalDate. Więc jeśli nie można ustawić po stronie serwera stref czasowych, czy event.finalDate.setUTCHours(10) przed wywołaniem event.strftime

Więcej na setUTCHours tutaj: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setUTCHours

Answer 3

Jestem zgadywania używasz https://github.com/hilios/jQuery.countdown, ponieważ nie ma opcji strefy czasowej go użyć .

Użyłem pliku moment.js i moment-timezone-with-data.js (zawierającego wszystkie strefy czasowe) do obsługi strefy czasowej.

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

funkcja konwersji datę odpowiedniej strefy czasowej i powraca w milisekundach

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

skorzystać z powyższej funkcji przejść milisekund jako argument jQuery.countdown()

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

przykład: http://jsfiddle.net/heLrsnqx/2/

jeśli używasz http://keith-wood.name/countdown.html patrz Poniższy przykład

przykład: http://jsfiddle.net/w1oyv8kv/