ES2015で記述したカウントダウンタイマー
<p id="result"></p>
var countDown = +new Date('2020/07/24 20:00');
var result = document.getElementById('result');
var addZero = function addZero(x) {
return ('0' + x).slice(-2);
};
var timer = setInterval(function () {
return resultTimer();
}, 1000);
var resultTimer = function resultTimer() {
var now = Date.now(),
d = countDown - now,
days = Math.floor(d / (1000 * 60 * 60 * 24)),
hours = Math.floor(d % (1000 * 60 * 60 * 24) / (1000 * 60 * 60)),
minutes = addZero(Math.floor(d % (1000 * 60 * 60) / (1000 * 60))) + '分',
seconds = addZero(Math.floor(d % (1000 * 60) / 1000)) + '秒';
days = days ? days + '日' : '';
hours = hours ? hours + '時間' : '';
result.innerHTML = 'オリンピックまで
' + days + hours + minutes + seconds;
if (d < 0) {
clearInterval(timer);
result.innerHTML = 'オリンピックが開催されました。';
}
};
resultTimer();