Javascript時間変換

Question

前提・実現したいこと

JSでPHPから変換した時間を動的に表示をしたいという理由で
1秒ごとに表示を返還するというものを作成したところ、
日と時間はあっているのですが、分数と秒数の換算が暴れています。
gettimeに変えてから時間を変えているため。計算式などにも問題はないと思うのですが、
PHPでの文字の書き方などの問題になってしまうのでしょうか？

発生している問題・エラーメッセージ

終了期日：2021-08-23 03:26:29までは、あと0日9時間597分35874秒です。

該当のソースコード

function showCountdown() {
  //ここでやりたいことは今が何時で終わる時間は何時でそこからの差額からカウントダウンをするというもの
var time =  '<?php echo $display?>';//ここでの形式は”終了期間は2021-08-23 03:26:29”という感じ


var date1 = new Date('<?php echo $dt; ?>');2021-08-23 03:26:29と文字で表している
var date2 = new Date();

var diff = date1.getTime() - date2.getTime();

//ここでの表示の仕方をどうすればいいかを考える。
var dDays  = diff / ( 1000 * 60 * 60 * 24 );   // 日数
   var dHour  = diff / ( 1000 * 60 * 60 );   // 時間
   var dMin   = diff / ( 1000 * 60 );   // 分
   var dSec   = diff / 1000;    // 秒
   var msg2 = Math.floor(dDays) + "日"
            + Math.floor(dHour) + "時間"
            + Math.floor(dMin) + "分"
            + Math.floor(dSec) + "秒";

            //分と秒の換算がバグっている

            // 表示文字列の作成
            if( date1 > date2 )
            {  
      var msg =  time + "までは、あと" + msg2 + "です。";
   }
   document.getElementById("Countdown").innerHTML = msg;
}
setInterval('showCountdown()',1000);

Comments

[m.ts10806]

PHP挟む必要がないのでは。

[GPE46232209]

mysqlに保存している時間にかかわるものがあるため。PHPを使う必要があります！

Answer 1

変数diffの値は、2つの日時の差(ミリ秒単位)なので、

var dMin   = diff / ( 1000 * 60 );

のように、diffを1分に相当するミリ秒でそのまま割ると、「2つの日時の差を分単位で求めた値」が計算されます。これには、より上位の単位で計算済みの分も含んでいます。

    var dHour = diff / (1000 * 60 * 60) % 24; // 時間
    var dMin = diff / (1000 * 60) % 60; // 分
    var dSec = diff / 1000 % 60; // 秒

のように、より上位の単位で計算済みの値が含まれないように、24や60で割った余りを使えばいいでしょう。

Comments

[GPE46232209]

ありがとうございます。
当然ですが、1時間は60分、1日は24時間という風に最終的には1時間で考えるなら２４で一つの単位に戻すために÷60、1日なら÷24をする事で判断をするにも拘わらず、倍にするという横暴に出ていました。
本当にありがとうございます。

Answer 2

計算式に問題しかありません。
算数の問題だと思うんですけれど。

35874000ミリ秒は3600000で割って9時間、あまり3474000ミリ秒ですね。

35874000ミリ秒を60000で割ると597分、あまり54000ミリ秒ですね。
上で出てきた9時間の分が残っているのだから当然です。

あまりの3474000ミリ秒を60000で割れば、57分あまり54000ミリ秒と出ます。