Vuejs和laravel计算小时和分钟

Question

我有来自laravel后端的json数据，看起来像："03:30:00"、"01:45:00"、"00:15:00"有没有一种简单的方法可以在vuejs中将它们计算在一起，所以它看起来像这样："05:30:00">

Answer 1

所以这是一个简单的javascript。

如果时间字符串看起来总是一样的，你可以这样做：

let times = ["03:30:00", "01:45:00", "00:15:00"]; // you can have an unlimited number of time strings
let hours = 0;
let minutes = 0;
let seconds = 0;
for (const i in times) {
const time = times[i];
let splitTime = (time + "").split(":"); // make sure it's a string
seconds += parseInt(splitTime[2]);
if(seconds > 59){ // make sure it only goes until 59
minutes++;
seconds = seconds % 60;
}
minutes += parseInt(splitTime[1]);
if(minutes > 59){ // make sure it only goes until 59
hours++;
minutes = minutes % 60;
}
hours += parseInt(splitTime[0]);
}
let totalTime = (hours < 10 ? "0" + hours : hours) + ":"
+ (minutes < 10 ? "0" + minutes : minutes) + ":"
+ (seconds < 10 ? "0" + seconds : seconds); // put the left side zeros