<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<h5 class="badge">Таймер до нового года</h5>
</div>
<div class="card-body">
<p id="newyear"></p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function newYearIn()
{
var now = new Date();
var newYear = new Date("Jan,01,2021,00:00:00");
var totalRemains = (newYear.getTime()-now.getTime());
if (totalRemains>1)
{
var RemainsSec=(parseInt(totalRemains/1000));
var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
var RemainsFullHours=(parseInt(secInLastDay/3600));
if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
var secInLastHour=secInLastDay-RemainsFullHours*3600;
var RemainsMinutes=(parseInt(secInLastHour/60));
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
var lastSec=secInLastHour-RemainsMinutes*60;
if (lastSec<10){lastSec="0"+lastSec};
document.getElementById('newyear').innerHTML = "<p style='font-size:30px; text-align:center;'> "+RemainsFullDays+' '+incline(['день', 'дня', 'дней'], RemainsFullDays)+' '+RemainsFullHours+"ч. "+RemainsMinutes+"м. "+lastSec+"сек.</p>";
setTimeout("newYearIn()",10);
}
else {document.getElementById("newyear").innerHTML = "C НОВЫМ ГОДОМ !!!";}
}
function incline(words,n){
return words[(n%100>4 && n%100<20)?2:[2,0,1,1,1,2][Math.min(n%10,5)]];
}
newYearIn();
</script>