Wie kann ich die lokale Zeit in jQuery erhalten?

Question

Ich benutze jQuery und ich brauche die Ortszeit für Deutschland.

Wer aus irgendeinem Land zu meiner Website kommt, sollte wissen können, wie spät es in Deutschland ist.

Wenn die Zeit zwischen 0:00 und 12:00 Uhr ist, muss ich eine Warnung lesen: "Guten Morgen".

Wenn die Zeit zwischen 12:00 und 17:00 Uhr ist, muss ich eine Warnung lesen: "Guten Nachmittag".

Wie kann ich dies in jQuery implementieren?

Answer 1

Sie können die lokale Zeitzone des Client-Offset erhalten die GMT-Zeit zu erhalten und fügen Sie dann die Offset-Stunden der Deutschland Zeitzone (Mitteleuropäische Zeit GMT + 1):

function getDate(offset){ 
    var now = new Date(); 
    var hour = 60*60*1000; 
    var min = 60*1000; 
    return new Date(now.getTime() + (now.getTimezoneOffset() * min) + (offset * hour)); 
} 

//... 

var dateCET = getDate(1); // Central European Time is GMT +1 

if (dateCET.getHours() < 12) { 
    alert ("Good morning."); 
} else { 
    alert ("Good afternoon."); 
} 

-Update : Ich stimme @Josh zu, der obige Code ist vollständig mandantenabhängig. Lassen Sie uns versuchen, es besser zu machen:

$(document).ready(function(){ 
    var timezone = "Europe/Berlin"; 
    $.getJSON("http://json-time.appspot.com/time.json?tz="+timezone+"&callback=?", 
    function(data){ 
     if (data.hour < 12) { 
     alert ("Good morning in "+timezone); 
     } else { 
     alert ("Good afternoon in "+timezone); 
     } 
    }) 
}); 

Wir werden jetzt die Vorteile von JSONP domänenübergreifenden Anforderungen an den jsontime Server zu tun, dieser Server stellt eine komplette JSON API Zeit und Zeitzoneninformationen abzufragen. Sie können mit dem Code here spielen und Sie können die JSONP API here erkunden.

Hurra !, kein serverseitiger Code!

Answer 2

Möchten Sie die Zeit in Deutschland oder die Zeitzone des Benutzers erhalten, wo immer sie sich befinden? Wenn Letzteres gilt, arbeitet die Date()-Funktion standardmäßig in der lokalen Zeitzone.

var d = new Date(); // defaults to the current time in the current timezone 
if (d.getHours() < 12) { 
    alert ("Good morning."); 
} else { 
    alert ("Good afternoon."); 
} 

Answer 3

Sie müssen das Datum/die Uhrzeit von Ihrem Webserver in ein verstecktes Feld auf der Seite einfügen, und dann können Sie mit jQuery darauf zugreifen und das natürliche Objekt Javascript Date laden. Sie tun nicht wollen auf der Client-Seite Datum/Zeit verlassen, weil es außerhalb Ihrer Kontrolle ist und könnte etwas Unerhörtes eingestellt werden. Vertrau mir.