Làm cách nào để có được thời gian địa phương trong jQuery?

Question

Tôi đang sử dụng jQuery và tôi cần có thời gian địa phương cho Đức.

Bất kỳ ai truy cập trang web của tôi từ bất kỳ quốc gia nào cũng có thể biết thời gian ở Đức.

Nếu thời gian từ 0:00 đến 12:00, tôi cần đọc thông báo: "Chào buổi sáng".

Nếu thời gian là từ 12:00 đến 17:00, tôi cần đọc thông báo: "Good Afternoon".

Làm cách nào để triển khai tính năng này trong jQuery?

Answer 1

Bạn có thể lấy múi giờ địa phương bù đắp của khách hàng để có được thời giờ và sau đó thêm giờ bù đắp của múi giờ Đức (Trung Âu 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."); 
} 

Cập nhật : Tôi đồng ý với @Josh, mã ở trên hoàn toàn phụ thuộc vào khách hàng. Chúng ta hãy cố gắng làm điều đó tốt hơn:

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

Bây giờ chúng ta đang tận dụng JSONP để làm yêu cầu tên miền chéo đến máy chủ jsontime, máy chủ này cho thấy một API JSON hoàn chỉnh để truy vấn thời gian và thông tin múi giờ.

Bạn có thể phát bằng mã here và bạn có thể khám phá API JSONP here.

Hoan hô !, không có mã phía máy chủ!

Answer 2

Bạn có muốn dành thời gian ở Đức hoặc thời gian cho múi giờ của người dùng, cho dù họ ở đâu không? Nếu sau này, hàm Date() mặc định hoạt động trong múi giờ địa phương.

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

Bạn cần phải tiêm ngày/giờ từ máy chủ web của bạn vào trường ẩn trên trang và sau đó bạn có thể truy cập vào đó bằng jQuery và tải đối tượng tự nhiên Javascript Date. Bạn làm không phải muốn dựa vào ngày/thời gian phía máy khách bởi vì nó nằm ngoài tầm kiểm soát của bạn và có thể được đặt thành một điều gì đó thái quá. Tin tôi đi.