JavaScript tip: Finding the total sum of strings with time format (e.g. 00:00:00)

Question

JavaScript tip: Finding the total sum of strings with time format (e.g. 00:00:00)

I have an array that contains time values:

// hours, minutes, seconds
let arr = ["00:00:30", "00:20:00", "01:00:10", "05:10:15"]

Is there a way to calculate the total sum of these elements?

output: "06:30:55"

javascript time

Answer 1

Answer №1

Here is the solution you can try out:

def sum_time(arr):
    total_seconds = 0
    for time in arr:
        h, m, s = map(int, time.split(':'))
        total_seconds += h * 3600 + m * 60 + s
        
    hours, remainder = divmod(total_seconds, 3600)
    minutes, seconds = divmod(remainder, 60)
    
    return f'{hours:02d}:{minutes:02d}:{seconds:02d}'

time_list = ["00:00:30", "00:20:00", "01:00:10", "05:10:15"]
print(sum_time(time_list))

Answer 2

Here is the solution you can try out:

def sum_time(arr):
    total_seconds = 0
    for time in arr:
        h, m, s = map(int, time.split(':'))
        total_seconds += h * 3600 + m * 60 + s
        
    hours, remainder = divmod(total_seconds, 3600)
    minutes, seconds = divmod(remainder, 60)
    
    return f'{hours:02d}:{minutes:02d}:{seconds:02d}'

time_list = ["00:00:30", "00:20:00", "01:00:10", "05:10:15"]
print(sum_time(time_list))

Answer 3

Answer №2

To simplify the process, convert your array of durations into seconds, sum them to calculate total seconds, and then format the total seconds into the HH:MM:SS style you prefer.

Follow these steps:

Develop a function that extracts seconds from a duration
Utilize Array.prototype.reduce to find the total seconds from the duration array by using the method created in the first step.
Format the total seconds obtained in step 2 into the desired HH:MM:SS display. Use String.prototype.padStart() for achieving a two-digit output per time unit.

Here's an example of how this can be done:

const arr = ["00:00:30", "00:20:00", "01:00:10", "05:10:15"]

/**
 * @method
 * Pads a number with zeros to ensure two digits
 */
function padNumber(num) {
  return num.toString().padStart(2, '0');
}

/**
 * @method
 * Calculates the total seconds from a duration in HH:MM:SS format
 */
function getSecondsFromDuration(duration) {
  const [hours, minutes, seconds] = duration.split(':').map(n => +n);
  
  return hours * 60 * 60 + minutes * 60 + seconds;
}

/**
 * @method
 * Formats the duration in seconds into HH:MM:SS string
 */
function getDurationFromSeconds(seconds) {
  const hours = Math.floor(seconds / 3600);
  seconds -= hours * 3600;
  
  const minutes = Math.floor(seconds / 60);
  seconds -= minutes * 60;
  
  return `${padNumber(hours)}:${padNumber(minutes)}:${padNumber(seconds)}`;
}

const totalSeconds = arr.reduce((acc, cur) => {
  return acc + getSecondsFromDuration(cur);
}, 0);

console.log(getDurationFromSeconds(totalSeconds));

Answer 4

To simplify the process, convert your array of durations into seconds, sum them to calculate total seconds, and then format the total seconds into the HH:MM:SS style you prefer.

Follow these steps:

Develop a function that extracts seconds from a duration
Utilize Array.prototype.reduce to find the total seconds from the duration array by using the method created in the first step.
Format the total seconds obtained in step 2 into the desired HH:MM:SS display. Use String.prototype.padStart() for achieving a two-digit output per time unit.

Here's an example of how this can be done:

const arr = ["00:00:30", "00:20:00", "01:00:10", "05:10:15"]

/**
 * @method
 * Pads a number with zeros to ensure two digits
 */
function padNumber(num) {
  return num.toString().padStart(2, '0');
}

/**
 * @method
 * Calculates the total seconds from a duration in HH:MM:SS format
 */
function getSecondsFromDuration(duration) {
  const [hours, minutes, seconds] = duration.split(':').map(n => +n);
  
  return hours * 60 * 60 + minutes * 60 + seconds;
}

/**
 * @method
 * Formats the duration in seconds into HH:MM:SS string
 */
function getDurationFromSeconds(seconds) {
  const hours = Math.floor(seconds / 3600);
  seconds -= hours * 3600;
  
  const minutes = Math.floor(seconds / 60);
  seconds -= minutes * 60;
  
  return `${padNumber(hours)}:${padNumber(minutes)}:${padNumber(seconds)}`;
}

const totalSeconds = arr.reduce((acc, cur) => {
  return acc + getSecondsFromDuration(cur);
}, 0);

console.log(getDurationFromSeconds(totalSeconds));

Answer 5

Answer №3

If you're looking to convert an array of time values into seconds and then rebuild as a new string with smaller units, this code snippet can help you achieve that:

let timeArray = ["00:00:30", "00:20:00", "01:00:10", "05:10:15"],
    factors = [3600, 60, 1],
    totalSeconds = timeArray.reduce((seconds, currentTime) => currentTime.split(':').reduce((accumulatedSeconds, timeUnit, index) => accumulatedSeconds + timeUnit * factors[index], seconds), 0),
    formattedResult = factors.map(factor => {
        const value = Math.floor(totalSeconds / factor);
        totalSeconds -= value * factor;
        return value.toString().padStart(2, '0');
    }).join(':');

console.log(formattedResult);

Answer 6

If you're looking to convert an array of time values into seconds and then rebuild as a new string with smaller units, this code snippet can help you achieve that:

let timeArray = ["00:00:30", "00:20:00", "01:00:10", "05:10:15"],
    factors = [3600, 60, 1],
    totalSeconds = timeArray.reduce((seconds, currentTime) => currentTime.split(':').reduce((accumulatedSeconds, timeUnit, index) => accumulatedSeconds + timeUnit * factors[index], seconds), 0),
    formattedResult = factors.map(factor => {
        const value = Math.floor(totalSeconds / factor);
        totalSeconds -= value * factor;
        return value.toString().padStart(2, '0');
    }).join(':');

console.log(formattedResult);

Answer 7

Answer №4

let timeArray = ["00:00:30", "00:20:00", "01:00:10", "05:10:15"]
let hours = 0, minutes = 0, seconds = 0;

timeArray.map((value, index) => {
  hours = hours + +value.split(":")[0];
  minutes = minutes + +value.split(":")[1];
  seconds = seconds + +value.split(":")[2];
})
console.log(hours + ":" + minutes + ":" + seconds)

If you add a + in front of it, the value will be converted into a Number for calculation.

Answer 8

let timeArray = ["00:00:30", "00:20:00", "01:00:10", "05:10:15"]
let hours = 0, minutes = 0, seconds = 0;

timeArray.map((value, index) => {
  hours = hours + +value.split(":")[0];
  minutes = minutes + +value.split(":")[1];
  seconds = seconds + +value.split(":")[2];
})
console.log(hours + ":" + minutes + ":" + seconds)

If you add a + in front of it, the value will be converted into a Number for calculation.

Answer 9

Answer №5

To add up and convert your time values to a Date, you can utilize the combination of map and reduce:

const result = ["00:00:30", "00:20:00", "01:00:10", "05:10:15"].map(value => {
  const temp = value.split(":")
  return (+temp[0]) * 60 * 60 + (+temp[1]) * 60 + (+temp[2])
}).reduce((accumulator, currentValue) => accumulator + currentValue)

const newDate = new Date(result*1000)
const minutesValue = newDate.getMinutes();
const hoursValue = newDate.getHours()-1; // subtracting 1 for accurate time
const secondsValue = newDate.getSeconds();
console.log("Total Duration: ", `${hoursValue}:${minutesValue}:${secondsValue}`)

Answer 10

To add up and convert your time values to a Date, you can utilize the combination of map and reduce:

const result = ["00:00:30", "00:20:00", "01:00:10", "05:10:15"].map(value => {
  const temp = value.split(":")
  return (+temp[0]) * 60 * 60 + (+temp[1]) * 60 + (+temp[2])
}).reduce((accumulator, currentValue) => accumulator + currentValue)

const newDate = new Date(result*1000)
const minutesValue = newDate.getMinutes();
const hoursValue = newDate.getHours()-1; // subtracting 1 for accurate time
const secondsValue = newDate.getSeconds();
console.log("Total Duration: ", `${hoursValue}:${minutesValue}:${secondsValue}`)

JavaScript tip: Finding the total sum of strings with time format (e.g. 00:00:00)

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

TypeScript Implementation of ES6 Arrow Functions

Press the button to update several span elements

Unable to pass on error from Express server to React client app

Querying data from a label using jQuery

The perplexity regarding asynchronous functions and return statements

Displaying a clock using PHP

Trigger a function when the browser automatically populates an input field

Incorporating information collected from a modal form into a table using vue.js

What is the best way to manage various versions of JS libraries across different branches?

How can I verify if a date is after the current date using Node.js?

Improving the Roman Numeral Kata with JavaScript

What causes a TypeError (Invalid response status code) when a 204 response is returned to a fetch() call within a React Server Component?

Use Typescript in combination with React/Redux to showcase a dynamic table on the

Transform the default WordPress gallery into a stunning slideshow with FlexSlider 2 integration

What is the best way to send a custom property through Vue router?

The universal CSS variables of Material UI

Enhancing Application Performance Through Next.js Development

(Spotify Web API) Issue with Creating New Playlist - Received Error 403 (Forbidden) upon POST request

Achieving a smooth transition from a blur-out effect to a blur-in effect on a background Div

Synchronizing the call of various views in an Angular application