Phương thức Date getHours() trong JavaScript

• Bùi Tấn Lực
• 959
• 02/09/2025

Chức năng của Phương thức Date getHours() trong JavaScript

Phương thức Date getHours() trong JavaScript dùng để lấy số giờ theo múi giờ địa phương dựa vào thời gian hiện tại hoặc thời gian được chỉ định trong đối tượng Date.

Cú pháp của Phương thức Date getHours() trong JavaScript

doituongdate.getHours();

doituongdate: Đối tượng thời gian new Date();

Code Phương thức Date getHours() trong JavaScript

<script>
// Lấy giờ hiện tại
document.write("<b>// Lấy giờ hiện tại</b><br>");
var date = new Date();
var gio = date.getHours();
document.write("Giờ hiện tại: "+gio+"<br>"); // Kết quả: 10
// Lấy giờ được tạo
document.write("<b>// Lấy giờ được tạo</b><br>");
var datehai = new Date("September 02, 2025 09:25:30");
var giohai = datehai.getHours();
document.write("Giờ được tạo: "+giohai+"<br>"); // Kết quả: 9
</script>

Kết quả:

// Lấy giờ hiện tại
Giờ hiện tại: 10
// Lấy giờ được tạo
Giờ được tạo: 9

Chạy Thử

Những lưu ý khi sử dụng getHours() trong JavaScript

Khi làm việc với đối tượng Date, getHours() khá đơn giản nhưng vẫn có một số trường hợp dễ khiến kết quả không như mong đợi. Đặc biệt, sự khác biệt giữa giờ địa phương và giờ UTC có thể làm sai thời gian hiển thị nếu ứng dụng phục vụ người dùng ở nhiều múi giờ.

Phân biệt getHours() và getUTCHours()

getHours() trả về giờ theo múi giờ địa phương của môi trường đang chạy JavaScript, trong khi getUTCHours() trả về giờ theo múi giờ UTC. Vì vậy, cùng một đối tượng Date nhưng hai phương thức có thể cho kết quả khác nhau.

const date = new Date();

console.log(date.getHours());
console.log(date.getUTCHours());

Trong các chức năng hiển thị thời gian theo giờ của người dùng như đồng hồ, lịch hẹn hoặc thông báo, getHours() thường phù hợp hơn. Ngược lại, khi cần xử lý dữ liệu được chuẩn hóa theo UTC giữa nhiều hệ thống, getUTCHours() sẽ giúp hạn chế sai lệch do múi giờ.

Xử lý Date không hợp lệ khi lấy giờ

Nếu đối tượng Date được tạo từ dữ liệu thời gian không hợp lệ, JavaScript sẽ tạo một giá trị Date không hợp lệ. Khi đó, gọi getHours() sẽ trả về NaN thay vì một số giờ cụ thể.

const date = new Date("thoi-gian-khong-hop-le");

console.log(date.getHours());

Vì vậy, khi ngày giờ đến từ biểu mẫu, URL hoặc dữ liệu bên ngoài, nên kiểm tra tính hợp lệ trước khi sử dụng kết quả. Cách này giúp tránh việc NaN xuất hiện trên giao diện hoặc tiếp tục được đưa vào các phép tính thời gian.

const date = new Date("2026-08-17T21:30:00");

if (!Number.isNaN(date.getTime())) {
    console.log(date.getHours());
}

Khi nào nên dùng getHours() trong thực tế?

getHours() phù hợp khi ứng dụng cần lấy riêng phần giờ của một thời điểm để phục vụ việc hiển thị hoặc xử lý logic. Chẳng hạn, website có thể kiểm tra giờ hiện tại để xác định đang trong thời gian hoạt động, hiển thị lời chào phù hợp hoặc phân loại buổi sáng, chiều và tối.

const hour = new Date().getHours();

if (hour < 12) {
    console.log("Buổi sáng");
} else if (hour < 18) {
    console.log("Buổi chiều");
} else {
    console.log("Buổi tối");
}

Điểm cần lưu ý là phương thức này chỉ trả về phần giờ trong khoảng từ 0 đến 23, không bao gồm phút hoặc giây. Nếu cần xử lý thời gian chính xác hơn, nên kết hợp với các phương thức lấy phút, giây hoặc lựa chọn giải pháp quản lý ngày giờ phù hợp với yêu cầu của ứng dụng.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Phương thức Date getHours() trong JavaScript.

Bùi Tấn Lực

Đánh giá

Chia sẻ nội dung đánh giá của bạn về Phương thức Date getHours() trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bình luận, Hỏi đáp