impostazione del fuso orario durante l'utilizzo di jQuery CountDown

Question

Attualmente abbiamo questo codice, che funziona, tranne che deve utilizzare un fuso orario specificato, invece di fuso orario dell'utente:

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

Ho visto diversi esempi di aggiunta di fusi orari, ma nessuno usa il plugin per il conto alla rovescia jQuery nello stesso modo in cui lo siamo noi.

Qualche idea su come aggiungere +10 come fuso orario corrente? quindi usa quello piuttosto che il fuso orario dell'utente?

Grazie.

Answer 1

Sembra che la data effettiva utilizzata nel codice provenga da quello snippet di PHP. È possibile impostare il fuso orario predefinito in PHP utilizzando:

date_default_timezone_set($timezone_identifier); 

$timezone_identifier è una stringa che può essere cose come 'UTC' o 'America/Los_Angeles'.

Per un elenco completo degli identificatori del fuso orario supportati, vedere related PHP docs.

Answer 2

In base alla documentazione, è possibile accedere all'oggetto finalDate con event.finalDate. Quindi, se non è possibile impostare il fuso orario lato server, fare event.finalDate.setUTCHours(10) prima di chiamare event.strftime

Maggiori info su setUTCHours qui: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setUTCHours

Answer 3

sto indovinando che si sta utilizzando https://github.com/hilios/jQuery.countdown, perché non ha opzioni di fuso orario per usarlo .

Ho usato moment.js e moment-timezone-with-data.js (contiene tutti i fusi orari) per gestire il fuso orario.

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

funzione per convertire la data corretta fuso orario e ritorna in millisecondi

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

fanno uso della funzione sopra per passare millisecondi come argomento jQuery.countdown()

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

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

se si utilizza http://keith-wood.name/countdown.html, vedere seguente esempio

esempio: http://jsfiddle.net/w1oyv8kv/