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

Sending an HTTP post request with form data and various field controls will not be directed to a Java backend

Is there a way I can utilize a for-loop and if statement in JavaScript to present the information accurately within the table?

Guide on transforming Json information into the preferred layout and iterating through the loop

Tips on incorporating the wait function within the evaluation_now action in Nightmare?

Nested jquery tabs

Transform a <td> into a table-row (<tr>) nested within a parent <tr> inside an umbrella structure

Mastering the Art of Tab Selection with Jquery

Encountered an issue when trying to establish a connection to the MySQL database on Openshift using a

Nuxt has the ability to display the object itself, however, it cannot render its

The getElementById method in JavaScript can result in a null return value

What changes can be made to the HTML structure to ensure that two form tags function separately?

Unable to verify the provided resource: Mailchimp

Creating a video that plays frame-by-frame on an HTML5 canvas and can be controlled with a slider

Steps for displaying detailed information about a single product on an Ecommerce page

Touchwipe incorporation - single-page website script

Error: An issue occurred in the driver.execute_script function causing a JavascriptException. The error message indicates

What is the most effective method for exchanging variables between programs or threads?

Tips for choosing an image using jQuery from an external HTML page

Using AJAX asynchronously in JavaScript commands synchronization

An effective method for retrieving the version from package.json