var countdown = function(due) { var now = new Date(); var rest = due.getTime() - now.getTime(); sec = Math.floor(rest / 1000 % 60), min = Math.floor(rest / 1000 / 60) % 60, hours = Math.floor(rest / 1000 / 60 / 60) % 24, days = Math.floor(rest / 1000 / 60 / 60 / 24), count = [days, hours, min, sec]; return count; } var goal = new Date(2020, 6, 24); // console.log(countdown(goal)); var recalc = function() { var counter = countdown(goal); document.getElementById('day').textContent = addFigure(counter[0]); document.getElementById('hour').textContent = ('0' + counter[1]).slice(-2); document.getElementById('min').textContent = ('0' + counter[2]).slice(-2); document.getElementById('sec').textContent = ('0' + counter[3]).slice(-2); refresh(); } // 更新 var refresh = function() { setTimeout(recalc, 1000); } // 桁区切り function addFigure(str) { var num = new String(str).replace(/,/g, ""); while(num != (num = num.replace(/^(-?\d+)(\d{3})/, "$1,$2"))); return num; } recalc();
<div id="timer" class="text-center">あと <span id="day"></span> 日 <span id="hour"></span> 時間 <span id="min"></span> 分 <span id="sec"></span> 秒 </div>
あと 1,110 日 22 時間 14 分 18 秒