【javascriptでカウントダウンタイマーを作る】part.4 忘備録

完成形のイメージ

以下訂正させてもらいやす・・。

訂正前)
日本人の平均男性が80歳ぐらいまで生きると想定し、
自分の年齢を入力して余生を日数ではなく時間単位でカウントダウン表示する

訂正後)
日本人の平均が80歳ぐらいまで生きると想定し、
自分の年齢を入力して余生を日数ではなく時間単位でカウントダウン表示する

実装したい機能を言語化しよう

"１日の睡眠時間と選択した年齢から余生を〜時間で出力する"

今日の課題は「~時間を〜ミリ秒単位に変換して、カウントする時間として出力させる」

前回まで使用してた 「 new Date( ) 」メソッドを使うと想定している挙動にならないので
以下のようにしたい。

想定している出力形式)
350400時間00分00秒

前回(part.3)で既に〜時間単位での出力ができたので以下のような感じでミリ秒単位に分解する

life_timer.js

//残り時間を表示するためにミリ秒を渡すと分とか秒に直してくれる関数を作る
    function updateTimer(ms){

    var h = String(Math.floor(ms / 3600000));
    var m = String(Math.floor((ms - h * 3600000)/60000));
    var s = String(Math.floor((ms - h * 3600000 - m * 60000)/1000));
    timer.textContent = h + '時間' + m + '分' + s + '秒';
}

きちんと1000ミリ秒単位で計算できていることが確認できましたとさ。

次回の課題

何かしらの動画を時間と共に連動させるようにする。