JavaScript: Get a string of the form HH:MM:SS from a Date object

JavaScript fundamental (ES6 Syntax): Exercise-221 with Solution

Time from Date Object

Write a JavaScript program to get a string like HH:MM:SS from a Date object.

• Use Date.prototype.toTimeString() and String.prototype.slice() to get the HH:MM:SS part of a given Date object.

Sample Solution:

JavaScript Code:

// Define a function 'getColonTimeFromDate' that extracts the time portion in HH:MM:SS format from a Date object
const getColonTimeFromDate = date =>
  // Convert the date to a time string using 'toTimeString' and extract the first 8 characters (HH:MM:SS)
  date.toTimeString().slice(0, 8);

// Log the result of calling 'getColonTimeFromDate' with the current date
console.log(getColonTimeFromDate(new Date())); // Output: Current time in HH:MM:SS format

Output:

16:39:53

Flowchart:

Live Demo:

See the Pen javascript-basic-exercise-221-1 by w3resource (@w3resource) on CodePen.

For more Practice: Solve these Related Problems:

• Write a JavaScript program that extracts hours, minutes, and seconds from a Date object and formats them as HH:MM:SS.
• Write a JavaScript function that converts a Date object into a time string using leading zeros for single-digit values.
• Write a JavaScript program that returns the current time in a formatted string based on a Date instance.
• Write a JavaScript function that displays the time from a Date object in 24-hour format with proper padding.

Go to:

• JavaScript fundamental Part-II Exercises Home ↩
• JavaScript Exercises Home ↩

PREV : Get Native Type of Value.
NEXT : Range Array with Ratio Step.

Improve this sample solution and post your code through Disqus