jsでカウントダウンタイマーを時間からの表示に変更したい

js初心者です。
カウントダウンタイマーを作成したいのですが、
〇〇日〇〇時間〇〇分〇〇秒ではなく〇〇時間〇〇分〇〇秒と表示させたいのですができません。

×→2日00時間00分00秒
〇→48時間00分00秒

もしよろしければご教授いただければ幸いです。

javascript
1var diff =0;
2var startTime = new Date();
3var endTime = new Date('2020/4/1 00:00:00');
4$(function() {
5    diff  = endTime - startTime;  
6    countDown(diff);
7 });
8 function countDown(diff) {
9    startTime = new Date();
10    diff  = endTime - startTime;
11    var addZero = function(n) { return ('0' + n).slice(-2); }
12    var times = 24 * 60 * 60 * 1000;
13    var day   = Math.floor(diff / times)
14    var hour  = addZero(Math.floor(diff % times / (60 * 60 * 1000)))
15    var min   = addZero(Math.floor(diff % times / (60 * 1000)) % 60)
16    var sec   = addZero(Math.floor(diff % times / 1000) % 60 % 60)
17    var ms    = addZero(Math.floor(diff % times / 10) % 100)
18    if(diff > 0){
19		document.getElementById("CDT").innerHTML =hour + '<span class="text">時間</span>' + min + '<span class="text">分</span>' + sec +'<span class="text">秒</span>';
20        setTimeout(function(){
21            countDown(diff);
22        }, 10);
23    } else {
24        $("#CDT").text('終了しました');
25    }
26 }

HTML
1<div id="CDT"></div>

maisumakun

2020/04/24 05:13

改造しようとしてみたけどうまく行かなかったのでしょうか。

atumi0321

2020/04/24 05:15

色々調べて自分なりにいじったのですが上手くできませんでした。よろしくお願いいたします。

kei344

2020/04/24 05:32

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

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

回答1件

私も初心者なのでわかりませんが、きっとこれであっているでしょう

javascript
1var diff =0;
2var startTime = new Date();
3var endTime = new Date('2020/4/1 00:00:00');
4$(function() {
5    diff  = endTime - startTime;  
6    countDown(diff);
7 });
8 function countDown(diff) {
9    startTime = new Date();
10    diff  = endTime - startTime;
11    var addZero = function(n) { return ('0' + n).slice(-2); }
12    var times = 24 * 60 * 60 * 1000; 　//1日の時間
13    //var day   = Math.floor(diff / times)　　//日数
14    var hour  = addZero(Math.floor(diff % times / (60 * 60 * 1000)))
15    var min   = addZero(Math.floor(diff % times / (60 * 1000)) % 60)
16    var sec   = addZero(Math.floor(diff % times / 1000) % 60 % 60)
17    var ms    = addZero(Math.floor(diff % times / 10) % 100)
18    if(diff > 0){
19        document.getElementById("CDT").innerHTML =hour + '<span class="text">時間</span>' + min + '<span class="text">分</span>' + sec +'<span class="text">秒</span>';
20        setTimeout(function(){
21            countDown(diff);
22        }, 10);
23    } else {
24        $("#CDT").text('終了しました');
25    }
26 }