オリンピックが開催されました。
1 | < p id = "result" ></ p > |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | const countDown = + new Date( '2020/07/24 20:00' ); const result = document.getElementById( 'result' ); const addZero = x => ( '0' + x).slice(-2); const timer = setInterval(() => resultTimer(), 1000); const resultTimer = () => { let 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 = `オリンピックまで<br> ${days}${hours}${minutes}${seconds}`; if (d < 0) { clearInterval(timer); result.innerHTML = 'オリンピックが開催されました。' ; } } resultTimer(); |