ループのカウントダウンの開始時間を設定する方法

html
1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5  <meta charset="utf-8">
6  <title></title>
7
8</head>
9
10<body>
11
12
13
14
15
16  <div id="countdown"></div>
17
18  <script type="text/javascript">
19    (function(div) {
20      setInterval(function() {
21        var dt = new Date(),
22          cd = {
23            value: ""
24          };
25        div(24, "時間", cd, div(60, "分", cd, div(60, "秒", cd,
26          (new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() + 1) - dt) / 1000 | 0)));
27        document.getElementById("countdown").innerHTML = "" + cd.value;
28      }, 500);
29
30    })(function(d, u, cd, s) {
31      var tmp = s % d;
32      cd.value = (tmp < 10 ? "0" : "") + tmp + u + cd.value;
33      return (s - tmp) / d | 0;
34    });
35  </script>
36
37</body>
38
39</html>

こちらは２４時間カウントダウンをして翌日になったタイミングでリセットし再びカウントダウンがスタートするタイマーなのですが、このコードだと時刻が０：００のタイミングで切り替わります。

この切り替わるタイミングを決まった時間（午後の１２時００分など）に設定する解決策を探しています。

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

回答1件

ベストアンサー

javascript
1    (function(div) {
2      setInterval(function() {
3        var dt = new Date(),
4          cd = {
5            value: ""
6          },
7          dt2 = Date.UTC(1970, 0, 1, 12, 0, 0);
8        div(24, "時間", cd, div(60, "分", cd, div(60, "秒", cd,
9          (new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() + 1) - dt + dt2) / 1000 | 0)));
10        document.getElementById("countdown").innerHTML = "" + cd.value;
11      }, 500);
12
13    })(function(d, u, cd, s) {
14      var tmp = s % d;
15      cd.value = (tmp < 10 ? "0" : "") + tmp + u + cd.value;
16      return (s - tmp) / d | 0;
17    });
18