JavaScript Date

The JavaScript Date object enables you to retrieve the year, month, and day. Additionally, you can utilize the JavaScript Date object to create a timer that is displayed on a webpage.

You have the option to utilize various Date constructors for the creation of date objects. These constructors offer methods that allow you to retrieve and modify the day, month, year, hour, minute, and second components.

Constructor

You can use 4 variant of Date constructor to create date object.

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

JavaScript Date Methods

Let us explore the compilation of JavaScript date methods along with their explanations.

JavaScript Date Example

Let’s examine a straightforward example that demonstrates how to output a date object. This example will print both the date and the time.

Current Date and Time: <span id="txt"></span>

<script>

var today=new Date();

document.getElementById('txt').innerHTML=today;

</script>

Output:

Current Date and Time:

Let's see another code to print date/month/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>

Output:

JavaScript Current Time Example

Let’s examine a straightforward example that demonstrates how to display the current system time.

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>

Output:

Current Time:

JavaScript Digital Clock Example

Let's examine a straightforward example of how to present a digital clock utilizing the JavaScript Date object.

In JavaScript, you can establish an interval through two methods: either by using the setTimeout function or the setInterval function.

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>

Output:

Current Time: