22:00までカウントダウン
HTML
<div class="Timer">
<p>カウントダウン終了まで</p>
<div id="TimeLeft"></div>
</div>
<ul>
<li><a href="https://teratail.com/questions/53640">JavaScript - javascriptのカウントダウンタイマーの記述について質問です。(53640)|teratail</a></li>
<li><a href="https://developer.mozilla.org/ja/docs/Web/API/WindowTimers/setTimeout">window.setTimeout - Web API インターフェイス | MDN</a></li>
</ul>
JavaScript
'use strict';
setTimeout(function countdown (element) {
var endTime = new Date,
now = new Date,
floor = Math.floor,
diffTime;
endTime.setHours(22, 0, 0);
diffTime = endTime - now;
if (diffTime > 0) {
element.textContent = floor(diffTime / 3600000) + '時間' + floor((diffTime % 3600000) / 60000) + '分' + floor((diffTime % 60000) / 1000) + '秒';
console.log(now);
console.log(element.textContent);
setTimeout(countdown, 1000, element);
} else {
element.textContent = '終了';
}
}, 1000, document.getElementById('TimeLeft'));