divsでの時間の合計どのように日を表示するのですか？

Question

私は、0:03:15のような時間文字列を含む動的に生成されたdivの負荷があります。これらは歌の継続時間です。 私はこれらの時間を一緒に加え、時間の合計を表示するスクリプトを持っていますが、私は時間、分、秒しか働くことができません。私は日、時間、分、秒を得ようとしています。ここで

は、私が試してみました初心者のものの一部と私のコードです：

function getSeconds(time) { 
    var parts = time.split(":"); 
return parseInt(parts[0], 12) * 86400 + parseInt(parts[1], 10) * 3600 + parseInt(parts[2], 10) * 60 + parseInt(parts[3], 10); 

// return parseInt(parts[0], 10) * 3600 + parseInt(parts[1], 10) * 60 + parseInt(parts[2], 10); 
} 

//select all the elements 
var totalSeconds = $(".durationhold") 
    .map(function(ind, elem) { //convert the jQuery object into the array 
     var text = $(elem).text(); //get the text from the anchor 
     return getSeconds(text); //set the index to the total seconds 
    }) 
    .get() //gets the array out of the jQuery object 
    .reduce(function(runningTotal, currentValue){ //Now to combine all the values into one 
     return runningTotal + currentValue; //sum up the values 
    },0); //The initial starting value 

//Now get the hour, minutes, and seconds from the total seconds 
var days = parseInt (totalSeconds/86400); 
var hours = parseInt(totalSeconds/3600); 
var minutes = parseInt(totalSeconds/60) % 60; 
var seconds = totalSeconds % 60; 

//left pad numbers less than ten 
if(hours<10) hours = "0" + hours; 
if(minutes<10) minutes = "0" + minutes; 
if(seconds<10) seconds = "0" + seconds; 


$("#out").html("Total Time: " + (days + ":" + hours + ":" + minutes + ":" + seconds)); 

は、ここにデモのためのいくつかの作ら倍とfiddleです。 同じことをより速く実行する方法はありますか？ 1つから5000以上の結果が得られます。 ありがとうございました。

Answer 1

を行うあなたとまったく同じ理由

var hours = parseInt(totalSeconds/3600);

へ

var hours = parseInt(totalSeconds/3600) % 24;

を変更する必要がありますdo % 60あなたの分には、あなたは一日を表示した後に残っている時間だけに興味があります。

---

ただし、別のアプローチを提案することができます。私はおそらく "このような些細な作業のために図書館を使う"というコメントを得るだろうが、おそらくそれはおそらく私がやることだろう。 jsの時間や日付と関係があるものは、私はいつもmoment.jsというツールボックスを使用します。それはあなたのニーズに完全に合うdurationというオブジェクトを持っています。

あなたのフィドルのすべてのjavascriptのコードのこの部分（あなたが最初moment.jsを含めると仮定）に置き換えることができます。

// caculate total duration 
var duration = moment.duration(0); 
$(".durationhold").each(function() { 
    duration.add($(this).text()); 
}); 

// output 
var days = Math.floor(duration.asDays()); 
days = days + (days == 1 ? ' day ' : ' days '); 
var time = moment.utc(duration.asMilliseconds()).format('H:mm:ss'); // convert to date to (ab)use it's formatting 
$("#out").html("Total Time: " + days + time); 

updated fiddle

残念ながらdurationにはformatメソッドを持っていないので、私出力を正しく得るために創造的になっていなければなりませんでしたが、それ以外のコードではコード自体が話すと思います。何かが不明な場合はお気軽にお問い合わせください！

Answer 2

days = 0; 
if(hours > 24){ 
    days = Math.floor(hours/24); 
} 

これは、あなたが彼に迅速な答えをしたい場合は、トリック