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.

Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript program to get the native type of a value. Returns lowercased constructor name of value, "undefined" or "null" if value is undefined or null.
Next: Write a JavaScript program that initializes an array containing the numbers in the specified range where start and end are inclusive and the ratio between two terms is step. Returns an error if step equals 1.