PHPとJSで時間計測とカウントダウン

Question

MySQLに保存してあるタイムスタンプから、何秒経過しているのか表示するようなサンプルを作っております。
その経過秒数に応じて、制限時間を表示するようなものを作りたいです。

タイムスタンプは日本時刻で保存してあり、JSで現在時刻を取得するとUTCの基準時になるため変換する必要がありそうです。
こういった場合、どのように変換して値を渡せば良さそうでしょうか。

JSだけでのカウントダウンプログラムはできたのですが、DBを使っている都合上でどうしてもPHPとJSの連携をしたいです。

<script> var count = 25*60; //カウントダウンの数字を格納する変数 var min = 0; //残り時間「分」を格納する変数 var stp = null; //setInerval・clearInervalを制御する変数 var display; var dateStart; function count_start(start){ display = document.getElementById("default"); //dateStart = start; //dateStart = new Date().toLocaleString({ timeZone: 'Asia/Tokyo' }) min = parseInt(count / 60); sec = count % 60; display.innerHTML = ("00"+parseInt(min)).slice(-2) +"：" + ("00"+parseInt(sec)).slice(-2); if(stp == null) { stp = setInterval(count_down,1000); } } //カウンドダウン表示 function count_down(){ var dateNow = new Date(); //var dateNow = new Date().toLocaleString({ timeZone: 'Asia/Tokyo' }); //var diff = dateNow.getTime() - dateStart.getTime(); //var diff = dateNow.getTime() - dateStart; var diff = 100; //console.log(dateNow.getTime()); //console.log(dateStart); var test = count - (diff/ 1000); if(test < 0){ test = 0; display.innerHTML = "TIME UP!"; clearInterval(stp); } else { min = parseInt(test / 60); sec = test % 60; display.innerHTML = ("00"+parseInt(min)).slice(-2) +"：" + ("00"+parseInt(sec)).slice(-2); } </script> <?php // エラーが発生していなければ $startTime = '2021-07-08 10:58:13'; if($startTime != null) { // 渡す値が違う echo '<script type="text/javascript"> count_start('.strtotime($startTime).'); </script>'; } ?>

Comments

[m.ts10806]

コードはマークダウンのcode機能にてご提示ください

Answer 1

何秒経過ってだけなら、UTC変換は必要ないでしょ。
ある時点の現在時をとっておいて現在時の差分をとればいいだけです

Comments

[momiji0210]

ご回答ありがとうございます。

$startTime = '2021-07-08 10:58:13'; // PHP 日本時間
var dateNow = new Date(); // JS 世界基準時間

みたいな感じなのですが、この秒数の差分ってどのように取得すればよいのでしょうか。
値を渡したりはできるようになったのですが、基準時間も違うため変換しないと無理そうな気がしております。

[y_waiwai]

ぶっちゃけ、９時間足せばいいという話になりますね
９時間、という決め打ちでもいいかなとは思います

https://neos21.net/blog/2020/12/09-01.html