Đố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.
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)
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. |
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>
Ví dụ về thời gian hiện tại của JavaScript
<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>
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>
