JavaScript Date

Date Object in JavaScript

The Date Object in JavaScript is used to get the day, month, and year. A timer can be displayed on the webpage with the help of JavaScript date object.

Different Date constructors can be used to create the date object. This object delivers the methods to get and set day, month, year, hour, minute, and seconds.

Constructor

There are 4 variants of date constructor available to create date object. The variants are as follows:

• Date()
• Date(milliseconds)
• Date(dateString)
• Date(year, month, day, hours, minutes, seconds, milliseconds)

Date Methods In JavaScript

Following is the list of Date Methods in JavaScript along a brief description:

Date Example in JavaScript

Here is an example to print date object. This date object prints both date and time.

Let's understand this date object with these examples:

Current Date and Time: <span id="txt"></span>  
<script>  
var today=new Date();  
document.getElementById('txt').innerHTML=today;  
</script> 

Here is another example to print the date, month or year.

<script>  
var date=new Date();  
var day=date.getDate();  
var month=date.getMonth()+1;  
var year=date.getFullYear();  
document.write("<br>Date is: "+day+"/"+month+"/"+year);  
</script> 

Current Time Example in JavaScript

Here is an example to print the current time of the system:

Current Time: <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>  

Digital Clock example in JavaScript

Here is the simple example of displaying the digital clock with the help of JavaScript Date Object. Please note that SetTimeout() and SetInterval () methods are the two ways to set the interval in the JavaScript.

Current Time: <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>