JSでのカウントダウン、年月日時分秒の計算について

###質問内容
MacのVScodeにてJSでのカウントダウンタイマーを作成しています。2112年09月03日（ドラえもんの誕生日だからというだけの理由）まで現在の時刻からどれほどあるかをメゾットを用いて１S毎に画面上に表したいのですが、年月時分秒の計算において何故か計算式が間違っているようです。エラーは出ていませんが月日時あたりが明らかにおかしい挙動になってしまいます。これは特にエラー文が出ていないことから計算式に問題があるからでは？と見ているのですがご教授いただけると助かります。よろしくお願いします????‍♂️

###コードと写真


index.html

コード
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>あと何日？</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/locale/ja.js"></script>
  </head>

  <body>
    <div id="differenceTime"></div>
    <script src="./main.js"></script>
  </body>
</html>

main.js

コード
const countUp = () =>{
  const differenceTime = document.getElementById('differenceTime');
const nowTime = new Date();
const futureTime = new Date(2112,09,03,0,0,0);
let sec = Math.floor((futureTime-nowTime)/1000);
console.log(sec);


  let leftYear = Math.floor(sec / 3600/24/360);
  let leftMonth = Math.floor((sec % (3600*24*360))/3600/24/30);
  let leftDay = Math.floor((sec % (3600/24/30))/3600/24);
  let leftHour = Math.floor((sec %(3600/24))/3600);
  let leftMin = Math.floor((sec % 3600) / 60);
  let leftSec = Math.floor(sec % 60);
  differenceTime.textContent = `ドラえもんが生まれるまで、残り${leftYear}年${leftMonth}月${leftDay}日${leftHour}時間${leftMin}分${leftSec}秒;`

  console.log(differenceTime.textContent);
}
setInterval(() =>{
  countUp();
  }, 1000);

行動規範の内容に同意します

回答2件

時間差を日付単位にして360で割っても年にはならないですよね

投稿2021/11/17 00:50

yambejp

総合スコア115012

Maruco2321

2021/11/17 01:51

厳密にいうとそうなのですが、概算値として表示できればよしという感じでした。（もしくは３６０→３６５などするべき）ただ確かにそれを質問の方に記述していなかったのでおっしゃる通りです。次回からは気をつけていきたいと思います????‍♂️

行動規範の内容に同意します

ベストアンサー

js
1  let leftMonth = Math.floor((sec % (3600*24*360))/3600/24/30);
2  let leftDay = Math.floor((sec % (3600/24/30))/3600/24);
3  let leftHour = Math.floor((sec %(3600/24))/3600);

% の右辺の一貫性がない( (3600*24*360), (3600/24/30), (3600/24))のがおかしいですよね。そのへんを考え直してみてはいかがでしょうか。

js
1const 秒毎時 = 3600;
2const 秒毎日 = 秒毎時 * 24;
3const 秒毎月 = 秒毎日 * 30;

などのように定数にも名前を付けると間違えにくいかと思います。

投稿2021/11/17 00:49

int32_t

総合スコア21016

Maruco2321

2021/11/17 01:51

% の右辺の一貫性がない( (3600*24*360), (3600/24/30), (3600/24))のがおかしいですよね。そのへんを考え直してみてはいかがでしょうか。 ↑その通りでした。 (3600*24*360), (3600/24/30), (3600/24))を (3600*24*360), (3600*24*30), (3600*24))のように変更したらそれっぽい数字が表示されました。解決しました。ありがとうございました????‍♂️

行動規範の内容に同意します

あなたの回答