Open In App

Print current day and time using HTML and JavaScript

Improve
Improve
Like Article
Like
Save
Share
Report

The task is to print the system’s current day and time in the following format(Time in hours, minutes and milliseconds).

Approach:

Use getDay() function to create an array of days in a week. It returns a number of day like 0 for Sunday, 1 for Monday and so on). Convert it into AM or PM using ternary operator.

Use getHours() method to get the hour value between 0 to 23. It returns an integer value.

Minutes and milliseconds were printed using getMinutes() and getMilliseconds() functions respectively.

Example:




<!DOCTYPE html>
<html>
  
<head>
    <title>
        print current day and time
    </title>
</head>
  
<body>
    <script type="text/javascript">
        var myDate = new Date();
        var myDay = myDate.getDay();
        
        // Array of days.
        var weekday = ['Sunday', 'Monday', 'Tuesday',
            'Wednesday', 'Thursday', 'Friday', 'Saturday'
        ];
        document.write("Today is : " + weekday[myDay]);
        document.write("<br/>");
        
        // get hour value.
        var hours = myDate.getHours();
        var ampm = hours >= 12 ? 'PM' : 'AM';
        hours = hours % 12;
        hours = hours ? hours : 12;
        var minutes = myDate.getMinutes();
        minutes = minutes < 10 ? '0' + minutes : minutes;
        var myTime = hours + " " + ampm + " : " + minutes + 
            " : " + myDate.getMilliseconds();
        document.write("\tCurrent time is : " + myTime);
    </script>
</body>
  
</html>


Output:


Last Updated : 16 Apr, 2019
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads