Widget đồng hồ thế giới miễn phí cho website

Widget đồng hồ thế giới là gì?

Widget đồng hồ thế giới là một khung nhỏ trên website hiển thị giờ hiện tại ở một hoặc nhiều thành phố. Thay vì để khách truy cập tự nhẩm chênh lệch múi giờ, widget đưa ngay câu trả lời: bây giờ ở London, New York hay Tokyo là mấy giờ, và ở đó vẫn là hôm nay hay đã sang ngày mai.

Đồng hồ thế giới của WebToolsMe hiển thị tối đa tám thành phố dưới dạng danh sách số hoặc mặt đồng hồ kim. Đồng hồ cập nhật mỗi giây hoặc mỗi phút, tự chuyển khi một quốc gia đổi sang giờ mùa hè hay giờ mùa đông, và có thể thêm một dòng giờ địa phương của từng khách truy cập để dễ so sánh.

Ai dùng đồng hồ thế giới trên website?

Đồng hồ thế giới hữu ích bất cứ khi nào website, khách hàng hay đội ngũ của bạn trải rộng trên nhiều múi giờ. Một số ví dụ thường gặp:

• Đội ngũ làm việc từ xa và agency hiển thị giờ làm việc của từng văn phòng để khách hàng biết khi nào có người hỗ trợ.
• Website du lịch, lữ hành và khách sạn hiển thị giờ tại điểm đến bên cạnh giờ của khách.
• Cửa hàng trực tuyến và trang hỗ trợ phục vụ khách quốc tế, muốn ghi rõ giờ làm việc.
• Blog tài chính, tiền mã hóa và giao dịch theo dõi giờ mở và đóng cửa của các thị trường New York, London và Tokyo.
• Khóa học trực tuyến, webinar và livestream có người tham gia từ nhiều quốc gia.
• Blog người Việt ở nước ngoài và gia đình muốn đặt giờ ở quê nhà và nơi đang sống cạnh nhau.

Cách thêm đồng hồ thế giới vào website

Chọn thành phố và kiểu đồng hồ ở trên rồi nhấn Sao chép mã. Mã chỉ là một thẻ script; dán vào chỗ bạn muốn đồng hồ xuất hiện và làm theo các bước cho nền tảng của bạn:

Tính năng

Múi giờ và giờ mùa hè

Phần lớn các quốc gia không cách UTC (Giờ Phối hợp Quốc tế) một khoảng cố định. Nhiều nước chỉnh đồng hồ nhanh lên vào mùa xuân và lùi lại vào mùa thu, vào những ngày khác nhau: Liên minh châu Âu đổi giờ vào Chủ nhật cuối cùng của tháng 3 và tháng 10, còn Hoa Kỳ vào Chủ nhật thứ hai của tháng 3 và Chủ nhật đầu tiên của tháng 11. Việt Nam không áp dụng giờ mùa hè và dùng UTC+7 quanh năm, giống như Thái Lan; Nhật Bản và Trung Quốc cũng vậy.

Vì thế widget không bao giờ lưu một khoảng chênh cố định như "+7 giờ". Mỗi thành phố được lưu theo tên chính thức của múi giờ trong cơ sở dữ liệu múi giờ IANA, ví dụ Asia/Ho_Chi_Minh hoặc America/New_York. Trình duyệt của khách dùng cơ sở dữ liệu này để tính đúng giờ địa phương ở mọi thời điểm, kể cả những giờ quanh lúc đổi giờ. Khi một chính phủ thay đổi quy định về giờ, trình duyệt sẽ được cập nhật và widget hiển thị giờ mới mà bạn không cần sửa mã.

Cũng vì lý do đó, chênh lệch giờ bên cạnh mỗi thành phố được tính trực tiếp. Hà Nội nhanh hơn London 6 giờ khi London dùng giờ mùa hè và 7 giờ khi London trở về giờ mùa đông; widget hiển thị đúng như vậy.

Định dạng 12 giờ hay 24 giờ?

Đồng hồ 12 giờ với SA và CH phổ biến ở Hoa Kỳ, Canada, Úc và Ấn Độ, trong khi Việt Nam, phần lớn châu Âu và nhiều nước châu Á dùng định dạng 24 giờ. Hãy chọn định dạng mà khán giả của bạn đọc tự nhiên nhất; nếu khách đến từ khắp nơi, định dạng 24 giờ giúp tránh nhầm lẫn giữa buổi sáng và buổi tối.

Ký hiệu SA/CH, tên các ngày và ngày tháng được viết bằng ngôn ngữ widget mà bạn chọn. Hiển thị giây làm đồng hồ sinh động hơn; không có giây, đồng hồ số chỉ cập nhật mỗi phút một lần, đây là lựa chọn nhẹ nhất.

Hiển thị giờ địa phương của khách

Khi bật giờ địa phương của khách, dòng đầu tiên của đồng hồ hiển thị giờ trên chính thiết bị của khách, kèm nhãn bằng ngôn ngữ của widget. Mỗi thành phố còn lại sẽ cho biết nhanh hay chậm hơn bao nhiêu giờ, và ở đó là hôm qua, hôm nay hay ngày mai. Một khách ở TP. Hồ Chí Minh xem đồng hồ có New York sẽ thấy ngay New York chậm hơn, ví dụ 11 giờ, và vẫn đang ở ngày hôm qua.

Giờ địa phương lấy từ trình duyệt của khách, vốn biết múi giờ của chính nó. Không có thông tin nào về khách được gửi tới WebToolsMe hay lưu ở bất kỳ đâu.

Tốc độ và quyền riêng tư

Đồng hồ thế giới chỉ là một script nhỏ. Sau khi tải xong, nó không kết nối với máy chủ nào nữa: mỗi giây hoặc mỗi phút, giờ được tính ngay trong trình duyệt của khách. Không có cookie và không thu thập dữ liệu.

Đồng hồ được vẽ bên trong một khung Shadow DOM kín. Kiểu dáng của giao diện không thể thay đổi vẻ ngoài của nó, và kiểu dáng của nó cũng không tràn sang trang của bạn, nên dùng tốt với giao diện WordPress, trình tạo trang và website tự viết.

Mẹo để đồng hồ thế giới hữu ích hơn

• Đặt thành phố quan trọng nhất lên đầu; đổi thứ tự bằng nút ↑ trong danh sách thành phố.
• Ba đến năm thành phố là dễ đọc; chỉ dùng nhiều hơn khi đồng hồ có đủ chỗ, chẳng hạn ở một khu vực rộng toàn trang.
• Dùng những tên mà khách quen thuộc. Với giờ làm việc, "New York", "London" và "Singapore" rõ ràng hơn các thị trấn nhỏ lân cận.
• Với thanh bên hẹp, chiều rộng 300–360 pixel là phù hợp. Mặt đồng hồ kim đẹp nhất khi có ba hoặc bốn thành phố.
• Chọn giao diện hợp với website: trang nền tối sẽ đẹp hơn với giao diện tối và màu nhấn theo thương hiệu của bạn.

Câu hỏi thường gặp