ミリ秒から時分秒への変換

Question

1秒毎にカウントダウンするプログラムを作成中です。
例えば残り時間が分の切り替わりの1時間1分0秒になった時に3660000ミリ秒ではなく3659999ミリ秒のように誤差が発生した場合うまく行きません。

        let t = 3659999;//残り時間ミリ秒
        
        let h = Math.floor(t / 3600000);//時間
        let m = Math.floor((t - h * 3600000) / 60000);//分
        let s = Math.round((t - h * 3600000 - m * 60000) / 1000);//秒
        console.log(h + "時間" + m + "分" + s + "秒");//1時間0分60秒
        
        s = Math.floor((t / 1000) % 60);//秒
        m = Math.floor((t / 1000 / 60) % 60);//分
        h = Math.floor((t / 1000 /60 /60) % 24);//時間
        console.log(h + "時間" + m + "分" + s + "秒");//1時間0分59秒

残り時間に100ミリ秒など誤差分を足す方法しか思いつかないのですが、他の方法はありますでしょうか?

Comments

[yambejp]

結局 t = 3659999はなんと表示されればよいのでしょうか？

[y_waiwai]

うまくいかないとはどうなるんでしょうか

[yoshimatsu]

1時間1分0秒と表示したいです。
1時間0分60秒あるいは1時間0分59秒と表示されます。
ただし分の切り替えでは無い時には問題ありません。

[yambejp]

あらかじめtを処理するのが効率的です
回答の方を参考にしてください

[Lhankor_Mhy]

個人的には「1時間0分59秒」は妥当のように思えるのですが、yoshimatsuさんはどのように表示したいのですか？

[yoshimatsu]

1時間1分0秒と表示したいです。

[Lhankor_Mhy]

3659941 の場合はどうなりますか？ 3659971 は？

[yoshimatsu]

どちらの場合も1時間1分0秒と表示したいです。

[Lhankor_Mhy]

ああ、いや、間違いました。すみません。
3659001 と 3659501 の時はどうですか？

[yoshimatsu]

3659001は1時間0分59秒、3659501は1時間1分0秒です。
3659501までのズレは無いようにしたいと思っています。

[yambejp]

> 3659501までのズレ

四捨五入から考えると
3659499＝3659000
3659500=3660000
ですよね？

でも0.5秒は誤差というには無理があります。考え直したほうがよいです

[Lhankor_Mhy]

では、現在ついているご回答で問題は特にないのですね。わかりました。

[Zuishin]

四捨五入だと残り 1.5 秒で 1 になり、残り 0.5 秒で 0 になりますね。1 時間以上かかる仕事なので、画面が切り替わるのであれば好みの問題かなとは思いました。人間がカウントする時には 0 になった後に何かを始めるのにいくばくかの間が空くと思いますので。

ただし内容によってはこの間を気持ち悪いと思う人もいると思います。画面を凝視していて、残り 0 秒でわずかでも停止したら、そこで肩透かしを食らわされたように思う人もいるでしょう。

Answer 1

最初の表示のときだけ、小数点以下のいくつかで四捨五入しといて（表示する桁数で四捨五入）、実際のカウントではリアルな値にしておけばいいんではないかと。

Comments

[yoshimatsu]

ありがとうございます。他の方のご回答も拝見したいと思います。

[yoshimatsu]

ミリ秒を秒に変えてから小数点以下を四捨五入する予定です。この案を最初にいただきましたyambejp様をベストアンサーとさせていただきます。

Answer 2

let s = Math.round((t - h * 3600000 - m * 60000) / 1000);//秒

Math.floor にすれば一致します。
「うまくいきません」の内容がわからないので、一致しないのが問題だと思いました。

追記

元のコードをあまり変えずにするならこのようになります。先にまるめておきます。

let t = 3659999;//残り時間ミリ秒

let t2 = Math.round(t / 1000);
let h = Math.floor(t2 / 3600);
let m = Math.floor((t2 - h * 3600) / 60);
let s = Math.floor(t2 - h * 3600 - m * 60);
console.log(h + "時間" + m + "分" + s + "秒");//1時間1分0秒

Comments

[yoshimatsu]

let s = Math.floor((t - h * 3600000 - m * 60000) / 1000);
の場合はt=3659999は1時間0分59秒になってしまいます。
1時間1分0秒と表示させたいです。
また分の切り替えが無い時はMath.roundの場合は
1時間0分58秒にt=3657999となっても1時間0分57秒ではなく1時間0分58秒と表示され望ましいです。

[yoshimatsu]

追記いただいた方法はyambejp様と同様な方法かと思われます。もう少し他の人のご教示を拝見したいと思います。

[yoshimatsu]

ミリ秒を秒に変えてから小数点以下を四捨五入する予定です。この案を最初にいただきましたyambejp様をベストアンサーとさせていただきます。

Answer 3

例えばこんな感じ（現時刻を表示）

var t = new Date().getTime()% (60*60*24*1000)/1000 + 9*60*60;
var h = parseInt(t/60/60);
var m = parseInt(t/60)%60;
var s = parseInt(t)%60;
console.log(h + "時" + m + "分" + s + "秒");
t=Math.round(t);
h = parseInt(t/60/60);
m = parseInt(t/60)%60;
s = parseInt(t)%60;
console.log(h + "時" + m + "分" + s + "秒");

予めミリ秒を秒に変えてroundするかどうかで四捨五入の処理がされます
ただし、四捨五入するということは0.5秒前に未来時間を表示してしまうということなので
あまりおすすめはできません

調整

ようはしきい値をどうするか次第ですね

var t = 3659999;
t=((t%1000>=995)?Math.round(t/1000):Math.floor(t/1000))*1000;
console.log(t); // 3660000
var t = 3659995;
t=((t%1000>=995)?Math.round(t/1000):Math.floor(t/1000))*1000;
console.log(t); // 3660000
var t = 3659994;
t=((t%1000>=995)?Math.round(t/1000):Math.floor(t/1000))*1000;
console.log(t); // 3659000

誤差の調整はできても前述した通り達していない未来日時を表示するのは
ただしいとは言えません。
setIntevalなどで時間をとるならループのタイミングを短くするなど
運用面で対応を考えるべきです

Comments

[yoshimatsu]

ありがとうございます。他の方のご回答も拝見したいと思います。

[yambejp]

一応追記しておきましたが運用の問題だと思います

[yoshimatsu]

ミリ秒を秒に変えてから小数点以下を四捨五入する予定です。
1秒毎にカウントダウンするプログラムは、人が次の作業、時刻、残り時間などを知ることを目的としたものなので、3659994ミリ秒も1時間1分0秒とする方が都合がいいです。
ご指摘いただいた通り本来の秒の切り替わりから大きく狂わないように、ループのタイミングを調整するようにします。