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>  

Xem ví dụ

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>  

Xem ví dụ

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>
 

Xem ví dụ

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>  

Xem ví dụ

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>  

Xem ví dụ