Đối tượng Date trong JavaScript
Trong bài viết dưới đây, chúng ta sẽ cùng eLib tìm hiểu đến đối tượng Date trong Javascript, đây là đối tượng chuyên dùng để xử lý ngày giờ trên Client và đương nhiên tính ứng dụng của nó thì khỏi bàn. Cùng theo dõi nhé!
Mục lục nội dung
Đối tượng Date trong JavaScript có thể được sử dụng để lấy năm, tháng và ngày từ hệ thống. Bạn có thể hiển thị bộ hẹn giờ trên trang web nhờ sự trợ giúp của đối tượng Date trong JavaScript.
Bạn có thể sử dụng các hàm tạo Date khác nhau để tạo đối tượng Date. Nó cung cấp các phương thức để nhận và thiết lập ngày, tháng, năm, giờ, phút và giây.
1. Constructor
Bạn có thể sử dụng 4 biến thể của Date constructor để tạo đối tượng ngày tháng.
- Date()
- Date(milliseconds)
- Date(dateString)
- Date(year, month, day, hours, minutes, seconds, milliseconds)
2. Các phương thức Date trong JavaScript
Các phương thức quan trọng của đối tượng Date như sau:
| Phương thức | Mô tả |
|---|---|
| getFullYear() | trả về năm trong 4 chữ số ví dụ năm 2015. Đây là một phương thức mới và được đề xuất hơn getYear() hiện không còn được dùng nữa. |
| getMonth() | trả về tháng trong 2 chữ số từ 0 đến 11. Vì vậy, tốt hơn là sử dụng getMonth() + 1 trong mã của bạn. |
| getDate() | trả về ngày bằng 1 hoặc 2 chữ số từ 1 đến 31. |
| getDay() | trả về ngày trong tuần bằng 1 chữ số từ 0 đến 6. |
| getHours() | trả về tất cả các phần tử có giá trị tên đã cho. |
| getMinutes() | trả về tất cả các phần tử có tên lớp đã cho. |
| getSeconds() | trả về tất cả các phần tử có tên lớp đã cho. |
| getMilliseconds() | trả về tất cả các phần tử có tên thẻ đã cho. |
3. Ví dụ về Date trong JavaScript
Ví dụ đơn giản để in đối tượng ngày tháng.
<html>
<head>
</head>
<body>
<br> Ngày và giờ hiện tại: <span id="txt"></span>
<script>
var today = new Date();
document.getElementById('txt').innerHTML = today;
</script>
</body>
</html>
Kết quả:
4. Ví dụ về thời gian hiện tại của JavaScript
Ví dụ khác in ngày / tháng / năm
<html>
<head>
<script type="text/javascript">
var date = new Date();
var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear();
document.write(" <br> Ngày là: " + day + "/ " + month + "/" + year);
</script>
</head>
<body>
</body>
</html>
Kết quả:
5. Ví dụ về đồng hồ kỹ thuật số JavaScript
Ví dụ đơn giản để hiển thị đồng hồ kỹ thuật số bằng cách sử dụng đối tượng Date trong JavaScript.
Có hai cách để đặt khoảng thời gian trong JavaScript: bằng phương thức setTimeout() hoặc setInterval().
<html>
<head>
</head>
<body>
<br> Thời gian hiện tại:
<span id="txt"></span>
<script>
window.onload = function() {
getTime();
}
function getTime() {
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
// add a zero in front of numbers<10
m = checkTime(m);
s = checkTime(s);
document.getElementById('txt').innerHTML = h + ":" + m + ":"
+ s;
setTimeout(function() {
getTime()
}, 1000);
}
//setInterval("getTime()",1000);//another way
function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
</script>
</body>
</html>
Trên đây là bài viết của eLib.VN về Đối tượng Date trong JavaScript. Vậy để khởi tạo một đối tương thời gian thì ta dùng từ khóa new Date(), đồng thời chúng ta có bốn cách truyền tham số lúc khởi tạo. Tương ứng với mỗi cách truyền thì đối tượng Date() sẽ tự nhận diện và chuyển đổi sang đúng định dạng của nó. Chúc các bạn thành công!
Tham khảo thêm
- doc Đối tượng trong JavaScript
- doc Mảng (Array) trong JavaScript
- doc Chuỗi (String) trong JavaScript
- doc Đối tượng Math trong JavaScript
- doc Đối tượng Number trong JavaScript
- doc Boolean trong JavaScript
