JavaScriptでの、時間計算(繰り上げ繰り下げ)の方法

Question

###前提・実現したいこと
秒数(単位はms)データを使用し、基準として用意した時間に足したり引いたりしたい。
秒数データは、マイナス(-)の値も含まれている。

###発生している問題・エラーメッセージ
①時間の繰り上げが行われていない(具体的に、分、秒が60秒に到達しても繰り上げが行われない)
②秒数データがマイナスの時に正しく動作しない。
③補足的に・・・最終的に時分秒すべてを二桁で格納したい(例.5分⇒05分としたい)

###宣言

var maindata = [3509080 , 8590 , -34458 , 4545853];  //秒数のみで表した元データ [単位は ミリ秒(ms)]
var databox = new Array(); //maindataの数値を分解
var h, m, s, x; //時,分,秒,テンポラリ変数

###時間計算

for(var i=0 ; i<maindata.length ; i++){
  //時間の初期値(これに加算していく)
  var hh = [13]; //時
  var mm = [47]; //分
  var ss = [00]; //秒

  x = maindata[i] / 1000;
  s = Math.round(x % 60); //秒 (小数点以下は四捨五入)

  x /= 60;
  m = Math.floor(x % 60); //分

  x /= 60;
  h = Math.floor(x % 24); //時

  //加算後の時分秒 (配列の数値に足し算)
  hh[0] += h;
  mm[0] += m;
  ss[0] += s;

  //値を配列に入れる
  databox.push({h : hh[0] , m : mm[0] , s : ss[0]});
}

###出力

//値を出力する
for(var j=0 ; j<databox.length ; j++){
  console.log(databox[j]);
}

###試したこと
問題①、②に関しては原因が分からず手が付けられませんでした。
問題③では、配列に格納する時点、

databox.push({h : ('00'+hh[0]).slice(-2) , m : ('00'+mm[0]).slice(-2) , s : ('00'+ ss[0]).slice(-2)});

を実行してみたのですが、計算で取得できている値が正しくないため合っているのか"？？？"となってしまいました。

###補足情報(言語/FW/ツール等のバージョンなど)
言語：JavaScritpのみ
ブラウザ：Google Chrome
OS : Windows7

必要情報等ありましたら補足させていただきますので、よろしくお願いいたします。

Answer 1

様々なライブラリーにおいて特定の時刻や時間間隔を表現するのに時、分、秒の値を個別に保持せず秒あるいはミリ秒の単位での単一の数値を用いることが多いと思います。年、月、日、時、分、秒をそれぞれ独立に操作できるようなものもありますが・・・。

なぜそうしているかといえば四則演算の実装が単純だからと思います。質問者さんの実装方針でも実現は可能ですが「負号の違いによる剰余、切り捨てのまるめ方向、時、分、秒それぞれに対する桁上がり」などに配慮しなくてはならない点が若干面倒に感じます。

そこで時、分、秒それぞれを累算するのではなく、基準時刻を最初からミリ秒単位で表現しておき、それに経過時間を単純加算しつつループの各段階での個々の時刻(を表すミリ秒単位の数値)を毎回望む形式にエンコードした方が考え方として分かり易い気がします。

function encodeHMS(t) {
  var s = Math.floor(t / 1000),
      m = Math.floor(s / 60),
      h = Math.floor(m / 60);
  return { h: h, m: m % 60, s: s % 60 };
}

var maindata = [3509080 , 8590 , -34458 , 4545853];
var t = (((13 * 60 + 47) * 60) + 0) * 1000;
var databox = maindata.map(function (timeSpan) {
  t += timeSpan;
  return encodeHMS(t);
});
console.log(databox);

==>
[ { h: 14, m: 45, s: 29 },
  { h: 14, m: 45, s: 37 },
  { h: 14, m: 45, s: 3 },
  { h: 16, m: 0, s: 49 } ]

---

ところでhh, mm, ssがなぜ配列でなければならないのか自分には読み取れませんでした。質問者さんの意図を読み取りそこねているかも知れません。

Answer 2

変数の値をトレースしていけば、デバッグしやすいと思います。

①

繰り上げ処理の後に加算をしているのが原因です。

  var mm = [47]; //47分
//...
  x /= 60;
  m = Math.floor(x % 60); //58分
//...
  mm[0] += m; // 47+58=105分

②

①と同様です。基準時刻をms単位に直してから元データと演算し、それからhhmmssにするのがいいのでは。

③

当方の環境では、動作しています。



ご存知とは思いますが、Dateオブジェクトを使った方が楽かな、と思います。
Date - JavaScript | MDN
以前、時刻をゼロパディングする際の注意点をQiitaに書きましたので、ご参考になれば幸いです。
時刻表示をゼロパディングする方法と、日本語ロケールの不思議な挙動について - Qiita