Javascript - Date JS
Đối tượng date của JS
Đối tượng date JavaScript có thể được sử dụng để lấy năm, tháng và ngày. Bạn có thể hiển thị bộ đếm thời gian trên trang web bằng sử dụng đối tượng date của JavaScript.
Chúng ta có thể sử dụng nhiều phương thức khởi tạo khác nhau để tạo đối tượng ngày. Đối tượng Date cung cấp nhiều phương thức có ích để xử lý về thời gian và ngày tháng.
Phương thức khởi tạo của đối tượng Date
Bạn có thể sử dụng 4 biến thể phương thức khởi tạo (constructor ) của Date để tạo đối tượng date.
Date()
Date(milliseconds)
Date(dateString)
Date(year, month, day, hours, minutes, seconds, milliseconds)
Các phương xử lý trên đối tượng date của JS
Bảng phương thức xử lý về thời gian giả sử ta có biến : dateVar= new Date()
Phương thức | Giải thích |
dateVar.getDate() | Trả lại ngày trong tháng (1-31) cho dateVar. |
dateVar.getDay() | Trả lại ngày trong tuần (0=chủ nhật,...6=thứ bảy) cho dateVar. |
dateVar.getHours() | Trả lại giờ (0-23) cho dateVar. |
dateVar.getMinutes() | Trả lại phút (0-59) cho dateVar. |
dateVar.getSeconds() | Trả lại giây (0-59) cho dateVar. |
dateVar.getTime() | Trả lại số lượng các mili giây từ 00:00:00 ngày 1/1/1970. |
dateVar.getTimeZoneOffset() | Trả lại độ dịch chuyểnbằng phút của giờ địa phương hiện tại so với giờ quốc tế GMT. |
dateVar.getYear() | Trả lại năm cho dateVar. |
Date.parse (dateStr) | Phân tích chuỗi dateStr và trả lại số lượng các mili giây tính từ 00:00:00 ngày 01/01/1970. |
dateVar.setDay(day) | Đặt ngày trong tháng là day cho dateVar. |
dateVar.setHours(hours) | Đặt giờ là hours cho dateVar. |
dateVar.setMinutes(minutes) | Đặt phút là minutes cho dateVar. |
dateVar.setMonths(months) | Đặt tháng là months cho dateVar. |
dateVar.setSeconds(seconds) | Đặt giây là seconds cho dateVar. |
dateVar.setTime(value) | Đặt thời gian là value, trong đó value biểu diễn số lượng mili giây từ 00:00:00 ngày 01/01/1970. |
dateVar.setYear(years) | Đặt năm là years cho dateVar. |
dateVar.toGMTString() | Trả lại chuỗi biểu diễn dateVar dưới dạng GMT. |
dateVar.toLocaleString() | Trả lại chuỗi biểu diễn dateVar theo khu vực thời gian hiện thời. |
Date.UTC (year, month, day [,hours] [,minutes] [,seconds]) | Trả lại số lượng mili giây từ 00:00:00 01/01/1970 GMT. |
Các ví dụ về đối tượng Date của JS
Ví dụ: Hiển thị ngày giờ
Ngày và giờ hiện tại: <span id="txt"></span>
<script>
var today=new Date();
document.getElementById('txt').innerHTML=today;
</script>
Ví dụ: Hiển thị ngày/tháng/năm
<script>
var date=new Date();
var day=date.getDate();
var month=date.getMonth()+1;
var year=date.getFullYear();
document.write("<br>Ngày/tháng/năm: "+day+"/"+month+"/"+year);
</script>
Ví dụ: Tạo trang date
<head><meta content="charset=utf-8"></head>
<Script Language="JavaScript">
mydate = new Date();
myday = mydate.getDay() ;
mymonth = mydate.getMonth()+1;
myweekday= mydate.getDate();
weekday= myweekday;
myyear= 1900 + mydate.getYear();
myhours = mydate.getHours();
ampmhour = (myhours > 12) ? myhours - 12 : myhours;
ampm = (myhours >= 12) ? 'Buổi chiều ' : ' Buổi sáng ';
myminutes = mydate.getMinutes();
myminutes = ((mytime < 10) ? ':0' : ':') + mytime;
if(myday == 0)
day = " Chủ nhật , ";
else if(myday == 1)
day = " Thứ hai , ";
else if(myday == 2)
day = " Thứ ba, ";
else if(myday == 3)
day = " Thứ tư, ";
else if(myday == 4)
day = " Thứ năm , ";
else if(myday == 5)
day = " Thứ sáu , ";
else if(myday == 6)
day = " Thứ bảy , ";
</script>
<body>
<script>
document.write("<b>" +"Bây giờ là: "+ ampmhour + "" + myminutes +" "+ ampm)
document.write(" - " + day + " Ngày " + myweekday +" ");
document.write( " Tháng " + mymonth + " Năm " + year + "</font>");
</script>
</body>
Các ví dụ thời gian hiện tại của JS
Ví dụ hiển thị thời gian hiện tại
Thời gian hiện tại: <span id="txt"></span>
<script>
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
</script>
Ví dụ đồng hồ kỹ thuật số
Chúng ta hãy xem ví dụ đơn giản để hiển thị đồng hồ kỹ thuật số sử dụng đối tượng Date của JS.
Có hai cách để đặt khoảng thời gian trong JavaScript: bằng phương thức setTimeout () hoặc setInterval ().
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>